/* /Assessment/External/ReviewSurface.razor.rz.scp.css */
.review-root[b-b5d18fdgrn] {
    background: #E3E6E1;
}

    .review-root .shell[b-b5d18fdgrn] {
        background: var(--paper);
        border-left: 1px solid var(--hairline);
        border-right: 1px solid var(--hairline);
        min-height: 100vh;
        min-height: 100svh;
        box-shadow: 0 0 40px rgba(20, 24, 22, .04);
    }

@media (max-width: 660px) {
    .review-root .shell[b-b5d18fdgrn] {
        border-left: none;
        border-right: none;
        box-shadow: none;
    }
}

.review-root[b-b5d18fdgrn] {
    --paper: #F4F6F5;
    --card: #FFFFFF;
    --ink: #16181A;
    --ink-soft: #62676B;
    --ink-faint: #9AA09E;
    --hairline: #DDE1DE;
    --berry: #C81D5E;
    --berry-soft: rgba(200, 29, 94, .08);
    --berry-lit: rgba(200, 29, 94, .16);
    --berry-line: rgba(200, 29, 94, .28);
    --berry-mid: #D75E92;
    --berry-bright: #FFA6C8;
    --shadow: 0 1px 2px rgba(20, 24, 26, .05), 0 10px 30px rgba(20, 24, 26, .06);
    --r-card: 16px;
    --r-field: 12px;
    --mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 17px;
    line-height: 1.65;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

    .review-root *[b-b5d18fdgrn] {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .review-root [b-b5d18fdgrn]::selection {
        background: var(--berry-soft);
    }

.shell[b-b5d18fdgrn] {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    padding: 28px 22px 56px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

@media (min-width: 720px) {
    .shell[b-b5d18fdgrn] {
        padding: 64px 48px 80px;
    }
}

@keyframes rise-b-b5d18fdgrn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.shell[b-b5d18fdgrn] {
    animation: rise-b-b5d18fdgrn .28s ease both;
}

@media (prefers-reduced-motion: reduce) {
    .shell[b-b5d18fdgrn] {
        animation: none;
    }

    .review-root *[b-b5d18fdgrn] {
        transition: none !important;
        animation: none !important;
    }
}

.context-strip[b-b5d18fdgrn] {
    margin: 0 0 34px;
    padding: 10px 0 14px;
    border-bottom: 1px solid var(--hairline);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.55;
    color: var(--ink);
    max-width: 58ch;
}

    .context-strip b[b-b5d18fdgrn] {
        color: var(--berry);
        font-weight: 700;
    }

.eyebrow[b-b5d18fdgrn] {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: .14em;
    color: var(--ink-soft);
    text-transform: uppercase;
    display: block;
}

    .eyebrow .dot[b-b5d18fdgrn] {
        color: var(--berry);
    }

    .eyebrow .tag[b-b5d18fdgrn] {
        color: var(--berry);
        font-weight: 600;
        margin-right: 6px;
    }

h1.display[b-b5d18fdgrn] {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: 1.14;
    letter-spacing: -.015em;
    margin: 16px 0 0;
    text-wrap: balance;
}

@media (min-width: 720px) {
    h1.display[b-b5d18fdgrn] {
        font-size: 44px;
    }
}

.pitch-card[b-b5d18fdgrn] {
    margin-top: 20px;
    background: var(--card);
    border-radius: 16px;
    padding: 20px 24px;
    box-shadow: 0 1px 2px rgba(20,24,22,.05), 0 8px 28px rgba(20,24,22,.06);
}

.card-tag[b-b5d18fdgrn] {
    display: block;
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--berry);
    font-weight: 600;
    margin-bottom: 10px;
}

h1.pitch[b-b5d18fdgrn] {
    margin: 0;
    color: var(--ink);
    font-size: 17px;
    line-height: 1.6;
    letter-spacing: -.004em;
    font-weight: 500;
    max-width: 58ch;
}

@media (min-width: 720px) {
    h1.pitch[b-b5d18fdgrn] {
        font-size: 18.5px;
    }
}

h2.q[b-b5d18fdgrn] {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.22;
    letter-spacing: -.01em;
    margin: 6px 0 0;
}

@media (min-width: 720px) {
    h2.q[b-b5d18fdgrn] {
        font-size: 31px;
    }
}

h2.q.q-sm[b-b5d18fdgrn] {
    font-size: 18.5px;
    margin-top: 8px;
}

@media (min-width: 720px) {
    h2.q.q-sm[b-b5d18fdgrn] {
        font-size: 20px;
    }
}

p.lede[b-b5d18fdgrn] {
    color: var(--ink-soft);
    margin-top: 24px;
}

.moment-card[b-b5d18fdgrn] {
    margin-top: 26px;
    padding: 18px 22px;
    background: var(--berry-soft);
    border-radius: 14px;
    max-width: 62ch;
}

.moment-note[b-b5d18fdgrn] {
    color: var(--ink-faint);
    font-weight: 500;
}

.moment-tag[b-b5d18fdgrn] {
    display: block;
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--berry);
    font-weight: 600;
    margin-bottom: 8px;
}

.moment-card p[b-b5d18fdgrn] {
    font-size: 15px;
    line-height: 1.62;
    color: var(--ink);
    margin: 0;
}

.small[b-b5d18fdgrn] {
    font-size: 14.5px;
    color: var(--ink-soft);
}

.tiny[b-b5d18fdgrn] {
    font-size: 12.5px;
    color: var(--ink-faint);
}

.meta-row[b-b5d18fdgrn] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-top: 16px;
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ink-soft);
}

    .meta-row span[b-b5d18fdgrn] {
        white-space: nowrap;
    }

.weigh[b-b5d18fdgrn] {
    margin-top: 12px;
}

    .weigh .wl[b-b5d18fdgrn] {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--berry);
        margin-right: 8px;
    }

.mast[b-b5d18fdgrn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 18px;
    margin-bottom: 22px;
    border-bottom: 1px solid var(--hairline);
}

.mast-brand[b-b5d18fdgrn] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

    .mast-brand b[b-b5d18fdgrn] {
        font-weight: 600;
    }

.avatar[b-b5d18fdgrn] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--ink);
    color: var(--paper);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 14px;
    flex: none;
}

.review-root button[b-b5d18fdgrn], .review-root .rvbtn[b-b5d18fdgrn] {
    font: inherit;
    color: inherit;
    background: none;
    border: none;
    cursor: pointer;
}

.rvbtn[b-b5d18fdgrn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 16.5px;
    border-radius: 999px;
    padding: 15px 28px;
    min-height: 52px;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

    .rvbtn:active[b-b5d18fdgrn] {
        transform: scale(.985);
    }

.rvbtn-primary[b-b5d18fdgrn] {
    background: var(--ink) !important;
    color: var(--paper) !important;
    border: none;
}

    .rvbtn-primary:hover[b-b5d18fdgrn] {
        box-shadow: 0 6px 18px rgba(20, 24, 26, .18);
    }

    .rvbtn-primary:disabled[b-b5d18fdgrn] {
        opacity: .35;
        cursor: not-allowed;
        box-shadow: none;
    }

.rvbtn-outline[b-b5d18fdgrn] {
    border: 1.5px solid var(--ink);
    color: var(--ink);
    background: transparent;
}

    .rvbtn-outline:hover[b-b5d18fdgrn] {
        background: rgba(20, 24, 26, .04);
    }

.rvbtn-block[b-b5d18fdgrn] {
    width: 100%;
}

form[data-busy] input[b-b5d18fdgrn], form[data-busy] textarea[b-b5d18fdgrn] {
    background: var(--card);
    color: var(--ink-soft);
}

form[data-busy] .link-quiet[b-b5d18fdgrn],
form[data-busy] .rvbtn:not([data-busy])[b-b5d18fdgrn] {
    pointer-events: none;
    opacity: .55;
}

.rvbtn[data-busy][b-b5d18fdgrn] {
    opacity: .75;
    pointer-events: none;
}

    .rvbtn[data-busy][b-b5d18fdgrn]::after {
        content: "";
        width: 14px;
        height: 14px;
        flex: none;
        border: 2px solid currentColor;
        border-top-color: transparent;
        border-radius: 50%;
        animation: rvspin-b-b5d18fdgrn .7s linear infinite;
    }

@keyframes rvspin-b-b5d18fdgrn {
    to {
        transform: rotate(360deg);
    }
}

.about[b-b5d18fdgrn] {
    margin: 16px 0 0;
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--ink-soft);
    max-width: 56ch;
}

    .about b[b-b5d18fdgrn] {
        color: var(--ink);
        font-weight: 600;
    }

.gate-how[b-b5d18fdgrn] {
    margin-top: 40px;
    padding-top: 26px;
    border-top: 1px solid var(--hairline);
}

.section-title[b-b5d18fdgrn] {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-faint);
    margin: 0 0 14px;
}

.steps[b-b5d18fdgrn] {
    list-style: none;
    margin: 22px 0 0;
    padding: 16px 0 0;
    border-top: 1px solid var(--hairline);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .steps li[b-b5d18fdgrn] {
        display: flex;
        gap: 10px;
        align-items: baseline;
    }

.steps[b-b5d18fdgrn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.step-num[b-b5d18fdgrn] {
    font-family: var(--mono);
    font-size: 11px;
    color: var(--paper);
    background: var(--berry);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.step-label[b-b5d18fdgrn] {
    font-size: 15px;
    color: var(--ink-soft);
}

    .step-label b[b-b5d18fdgrn] {
        color: var(--ink);
    }

.otp-row[b-b5d18fdgrn] {
    --r-join: 14px;
    display: flex;
    align-items: stretch;
    margin-top: 14px;
}

    .otp-row .code-input[b-b5d18fdgrn] {
        flex: 1;
        min-width: 0;
        min-height: 54px;
        border-radius: var(--r-join) 0 0 var(--r-join) !important;
        border-right: none;
        margin: 0;
    }

    .otp-row .rvbtn[b-b5d18fdgrn] {
        border-radius: 0 var(--r-join) var(--r-join) 0 !important;
        min-height: 54px;
        display: inline-flex;
        align-items: center;
        padding: 0 28px;
        margin: 0;
        white-space: nowrap;
    }

@media (max-width: 460px) {
    .otp-row[b-b5d18fdgrn] {
        flex-direction: column;
        gap: 12px;
    }

        .otp-row .code-input[b-b5d18fdgrn] {
            border-radius: var(--r-join) !important;
            border-right: 1.5px solid var(--hairline);
        }

        .otp-row .rvbtn[b-b5d18fdgrn] {
            border-radius: 999px !important;
        }
}

.spam-note[b-b5d18fdgrn] {
    margin-top: 18px;
    padding: 12px 16px;
    background: var(--card);
    border: 1px solid var(--hairline);
    border-left: 3px solid var(--berry);
    border-radius: var(--r-field);
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--ink-soft);
}

    .spam-note b[b-b5d18fdgrn] {
        color: var(--ink);
        font-weight: 600;
    }

@media (min-width: 720px) {
    .gate-card form[b-b5d18fdgrn] {
        max-width: 440px;
    }
}

.review-root h1:focus[b-b5d18fdgrn], .review-root h1:focus-visible[b-b5d18fdgrn] {
    outline: none;
}

.mast-logo[b-b5d18fdgrn] {
    height: 24px;
    width: auto;
    display: block;
}

.review-root [hidden][b-b5d18fdgrn] {
    display: none !important;
}

.avatar[b-b5d18fdgrn] {
    position: relative;
    overflow: hidden;
}

.hero-person[b-b5d18fdgrn] {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 22px;
}

    .hero-person .display[b-b5d18fdgrn] {
        margin: 0;
    }

.avatar-lg[b-b5d18fdgrn] {
    width: 88px;
    height: 88px;
    font-size: 24px;
    flex: none;
}

@media (max-width: 560px) {
    .hero-person[b-b5d18fdgrn] {
        gap: 14px;
    }

    .avatar-lg[b-b5d18fdgrn] {
        width: 64px;
        height: 64px;
        font-size: 18px;
    }
}

.avatar-photo[b-b5d18fdgrn] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    background: var(--card);
}

.mast-home[b-b5d18fdgrn] {
    display: block;
    line-height: 0;
}

.mast-tagline[b-b5d18fdgrn] {
    line-height: 1;
    position: relative;
    top: 1px;
    font-size: 12px;
    color: var(--ink-faint);
    border-left: 1px solid var(--hairline);
    padding-left: 10px;
    margin-left: 2px;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .mast-tagline[b-b5d18fdgrn] {
        display: none;
    }
}

.link-quiet[b-b5d18fdgrn] {
    font-size: 14.5px;
    color: var(--ink-soft);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: var(--hairline);
}

    .link-quiet:hover[b-b5d18fdgrn] {
        color: var(--ink);
    }

.review-root :focus-visible[b-b5d18fdgrn] {
    outline: 2px solid var(--berry);
    outline-offset: 3px;
    border-radius: 6px;
}

.review-root input[type=text][b-b5d18fdgrn],
.review-root input[type=email][b-b5d18fdgrn],
.review-root textarea[b-b5d18fdgrn] {
    width: 100%;
    font: inherit;
    color: var(--ink);
    background: var(--card);
    border: 1.5px solid var(--hairline);
    border-radius: var(--r-field);
    padding: 14px 16px;
    transition: border-color .15s ease;
}

    .review-root input[type=text]:focus[b-b5d18fdgrn],
    .review-root input[type=email]:focus[b-b5d18fdgrn],
    .review-root textarea:focus[b-b5d18fdgrn] {
        border-color: var(--ink);
        outline: none;
    }

.review-root input[type=range][b-b5d18fdgrn],
.review-root input[type=range]:focus[b-b5d18fdgrn] {
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
    outline: none;
}

.review-root textarea[b-b5d18fdgrn] {
    resize: vertical;
    min-height: 150px;
    line-height: 1.6;
}

    .review-root input[b-b5d18fdgrn]::placeholder,
    .review-root textarea[b-b5d18fdgrn]::placeholder {
        color: var(--ink-faint);
    }

.review-root input[type=text]:disabled[b-b5d18fdgrn] {
    opacity: .45;
}

.anon-check[b-b5d18fdgrn] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 16px;
    font-size: 14.5px;
    color: var(--ink-soft);
    cursor: pointer;
}

    .anon-check input[b-b5d18fdgrn] {
        accent-color: var(--berry);
        margin-top: 3px;
        flex: none;
        width: 16px;
        height: 16px;
    }

.field-gap[b-b5d18fdgrn] {
    margin-top: 26px;
}

.helper[b-b5d18fdgrn] {
    margin-top: 12px;
}

.flow-actions[b-b5d18fdgrn] {
    margin-top: 34px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

    .flow-actions .rvbtn[b-b5d18fdgrn] {
        align-self: stretch;
    }

@media (min-width: 720px) {
    .flow-actions .rvbtn[b-b5d18fdgrn] {
        align-self: flex-start;
        min-width: 240px;
    }
}

.flow-actions.row[b-b5d18fdgrn] {
    flex-direction: row;
    gap: 12px;
    align-items: stretch;
    flex-wrap: nowrap;
}

    .flow-actions.row .rvbtn[b-b5d18fdgrn] {
        align-self: auto;
        min-width: 0;
        white-space: nowrap;
        padding: 14px 16px;
        font-size: 15.5px;
    }

    .flow-actions.row .rvbtn-primary[b-b5d18fdgrn] {
        flex: 1 1 auto;
    }

    .flow-actions.row .rvbtn-outline[b-b5d18fdgrn] {
        flex: 0 0 auto;
    }

.path[b-b5d18fdgrn] {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.blk[b-b5d18fdgrn] {
    background: var(--card);
    border: 1px solid var(--hairline);
    border-radius: var(--r-card);
    padding: 22px 22px 10px;
    box-shadow: var(--shadow);
}

.blk-head[b-b5d18fdgrn] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.blk-num[b-b5d18fdgrn] {
    font-family: var(--mono);
    font-size: 11px;
    color: var(--paper);
    background: var(--berry);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.blk-q[b-b5d18fdgrn] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--ink);
}

.blk-body[b-b5d18fdgrn] {
    margin-top: 14px;
    font-size: 16px;
}

    .blk-body p[b-b5d18fdgrn] {
        margin-top: 12px;
    }

        .blk-body p:first-child[b-b5d18fdgrn] {
            margin-top: 0;
        }

    .blk-body b[b-b5d18fdgrn] {
        font-weight: 600;
    }

.blk-closer[b-b5d18fdgrn] {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--hairline);
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 16.5px;
}

    .blk-closer .dash[b-b5d18fdgrn] {
        color: var(--berry);
    }

details.more[b-b5d18fdgrn] {
    margin-top: 14px;
    border-top: 1px solid var(--hairline);
}

    details.more summary[b-b5d18fdgrn] {
        list-style: none;
        cursor: pointer;
        padding: 12px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--ink-soft);
    }

        details.more summary[b-b5d18fdgrn]::-webkit-details-marker {
            display: none;
        }

    details.more .plus[b-b5d18fdgrn] {
        font-family: 'Space Grotesk', sans-serif;
        font-size: 18px;
        color: var(--ink-faint);
        transition: transform .2s ease;
        line-height: 1;
    }

    details.more[open] .plus[b-b5d18fdgrn] {
        transform: rotate(45deg);
        color: var(--berry);
    }

    details.more .more-body[b-b5d18fdgrn] {
        padding: 0 0 16px;
        color: var(--ink-soft);
        font-size: 15.5px;
    }

.gate-card[b-b5d18fdgrn] {
    margin-top: 14px;
}

.gate-note[b-b5d18fdgrn] {
    margin-top: 12px;
}

.sent-head[b-b5d18fdgrn] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-top: 22px;
}

.sent-head-big[b-b5d18fdgrn] {
    align-items: center;
    margin-top: 0;
    gap: 14px;
}

    .sent-head-big .sent-check[b-b5d18fdgrn] {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

.sent-check[b-b5d18fdgrn] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--berry);
    color: var(--paper);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 13px;
}

.code-input[b-b5d18fdgrn] {
    margin-top: 10px;
    width: 100%;
    max-width: 240px;
    font-family: var(--mono);
    font-size: 23px;
    letter-spacing: .32em;
    text-align: center;
    color: var(--ink);
    background: var(--card);
    border: 1.5px solid var(--hairline);
    border-radius: var(--r-field);
    padding: 13px 10px 13px 16px;
    transition: border-color .15s ease;
}

    .code-input:focus[b-b5d18fdgrn] {
        border-color: var(--ink);
        outline: none;
    }

    .code-input[b-b5d18fdgrn]::placeholder {
        color: var(--ink-faint);
        letter-spacing: .32em;
    }

@keyframes swapin-b-b5d18fdgrn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.swap-in[b-b5d18fdgrn] {
    animation: swapin-b-b5d18fdgrn .28s ease both;
}

.invite-block[b-b5d18fdgrn] {
    margin-top: 52px;
    padding-top: 34px;
    border-top: 1px solid var(--hairline);
}

.flow-top[b-b5d18fdgrn] {
    position: sticky;
    top: 0;
    background: var(--paper);
    z-index: 5;
}

.progress[b-b5d18fdgrn] {
    height: 2px;
    background: var(--hairline);
}

.progress-fill[b-b5d18fdgrn] {
    height: 100%;
    background: var(--berry);
    width: 0%;
    transition: width .3s ease;
}

.flow-bar[b-b5d18fdgrn] {
    max-width: 620px;
    margin: 0 auto;
    padding: 14px 22px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.step-count[b-b5d18fdgrn] {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: .12em;
    color: var(--ink-faint);
}

.saved-chip[b-b5d18fdgrn] {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: .1em;
    color: var(--ink-soft);
    opacity: 0;
    transition: opacity .3s ease;
}

    .saved-chip.show[b-b5d18fdgrn] {
        opacity: 1;
    }

    .saved-chip .tick[b-b5d18fdgrn] {
        color: var(--berry);
    }

.ribbon[b-b5d18fdgrn] {
    max-width: 620px;
    margin: 10px auto 0;
    padding: 0 22px 12px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    border-bottom: 1px solid var(--hairline);
}

.ribbon-inner[b-b5d18fdgrn] {
    flex: 1;
    min-width: 0;
}

.ribbon-eyebrow[b-b5d18fdgrn] {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--ink-faint);
}

.ribbon-text[b-b5d18fdgrn] {
    font-size: 13px;
    line-height: 1.45;
    color: var(--ink-soft);
    margin-top: 3px;
}

.gate-banner[b-b5d18fdgrn] {
    display: flex;
    justify-content: center;
    gap: 16px;
    align-items: baseline;
    width: 100%;
    border: none;
    cursor: pointer;
    text-align: left;
    background: var(--berry);
    color: var(--paper);
    font-size: 12.5px;
    line-height: 1.4;
    padding: 9px 22px;
}

    .gate-banner[hidden][b-b5d18fdgrn] {
        display: none;
    }

    .gate-banner .gate-next[b-b5d18fdgrn] {
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: rgba(244, 246, 245, .85);
        white-space: nowrap;
    }

.dim-block[b-b5d18fdgrn] {
    background: var(--card);
    border: 1px solid var(--hairline);
    border-radius: var(--r-card);
    padding: 22px 22px 18px;
    box-shadow: var(--shadow);
    margin-top: 16px;
}

    .dim-block:first-of-type[b-b5d18fdgrn] {
        margin-top: 26px;
    }

    .dim-block:focus-within[b-b5d18fdgrn] {
        border-color: var(--ink-soft);
        box-shadow: 0 0 0 3px rgba(20, 24, 26, .05), var(--shadow);
    }

    .dim-block.needs-why[b-b5d18fdgrn] {
        border-color: var(--berry-line);
    }

    .dim-block.dk-on > *:not(.dim-head)[b-b5d18fdgrn] {
        opacity: .65;
    }

.dim-head[b-b5d18fdgrn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.dim-name[b-b5d18fdgrn] {
    transition: color .2s ease;
}

.dim-block.scored .dim-name[b-b5d18fdgrn] {
    color: var(--berry);
}

.dim-block.await-why .why-input[b-b5d18fdgrn] {
    border-color: var(--berry-mid);
}

.dim-block.needs-why .why-input[b-b5d18fdgrn] {
    border-color: var(--berry);
}

.dk[b-b5d18fdgrn] {
    display: flex;
    gap: 7px;
    align-items: center;
    flex: none;
    font-size: 13px;
    color: var(--ink-soft);
    cursor: pointer;
    white-space: nowrap;
}

    .dk input[b-b5d18fdgrn] {
        accent-color: var(--berry);
        width: 15px;
        height: 15px;
    }

.one-last[b-b5d18fdgrn] {
    background: var(--card);
    border: 1px solid var(--hairline);
    border-radius: var(--r-card);
    padding: 22px 22px 18px;
    box-shadow: var(--shadow);
    margin-top: 16px;
}

.slider[b-b5d18fdgrn] {
    position: relative;
    margin-top: 22px;
    padding-top: 34px;
    --p: 50%;
}

.sl-range[b-b5d18fdgrn] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 26px;
    background: transparent;
    cursor: pointer;
    display: block;
}

    .sl-range[b-b5d18fdgrn]::-webkit-slider-runnable-track {
        height: 4px;
        border-radius: 99px;
        background: linear-gradient(to right, var(--berry) var(--p), var(--hairline) var(--p));
    }

    .sl-range[b-b5d18fdgrn]::-moz-range-track {
        height: 4px;
        border-radius: 99px;
        background: linear-gradient(to right, var(--berry) var(--p), var(--hairline) var(--p));
    }

    .sl-range[b-b5d18fdgrn]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--berry);
        border: 2.5px solid var(--card);
        box-shadow: 0 1px 4px rgba(20, 24, 26, .25);
        margin-top: -9px;
        transition: transform .12s ease;
    }

    .sl-range[b-b5d18fdgrn]::-moz-range-thumb {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--berry);
        border: 2.5px solid var(--card);
        box-shadow: 0 1px 4px rgba(20, 24, 26, .25);
    }

    .sl-range:active[b-b5d18fdgrn]::-webkit-slider-thumb {
        transform: scale(1.15);
    }

.slider.untouched .sl-range[b-b5d18fdgrn]::-webkit-slider-runnable-track {
    background: var(--hairline);
}

.slider.untouched .sl-range[b-b5d18fdgrn]::-moz-range-track {
    background: var(--hairline);
}

.slider.untouched .sl-range[b-b5d18fdgrn]::-webkit-slider-thumb {
    background: var(--paper);
    border-color: var(--ink-faint);
}

.slider.untouched .sl-range[b-b5d18fdgrn]::-moz-range-thumb {
    background: var(--paper);
    border-color: var(--ink-faint);
}

.slider.dk-off[b-b5d18fdgrn] {
    pointer-events: none;
}

.sl-labels[b-b5d18fdgrn] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    margin-top: 4px;
}

.sl-lo[b-b5d18fdgrn], .sl-hi[b-b5d18fdgrn] {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink-faint);
    white-space: nowrap;
}

.sl-hi[b-b5d18fdgrn] {
    text-align: right;
}

.sl-val[b-b5d18fdgrn] {
    flex: 1;
    text-align: center;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 13.5px;
    color: var(--ink);
    min-height: 18px;
}

.sl-marks[b-b5d18fdgrn] {
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    height: 4px;
    pointer-events: none;
}

    .sl-marks i[b-b5d18fdgrn] {
        position: absolute;
        transform: translateX(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--ink-faint);
        opacity: .6;
    }

.sl-badge[b-b5d18fdgrn] {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    white-space: nowrap;
    background: var(--ink);
    color: var(--paper);
    border-radius: 999px;
    border: 1.5px solid transparent;
    padding: 5px 13px;
    box-shadow: 0 3px 10px rgba(20, 24, 26, .28);
    transition: left .1s ease, opacity .15s ease, background .15s ease, border-color .15s ease;
}

    .sl-badge[b-b5d18fdgrn]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border: 5px solid transparent;
        border-top-color: var(--ink);
        transition: border-top-color .15s ease;
    }

    .sl-badge .sl-num[b-b5d18fdgrn] {
        font-family: 'Space Grotesk', sans-serif;
        font-weight: 600;
        font-size: 12.5px;
    }

    .sl-badge .sl-word[b-b5d18fdgrn] {
        font-size: 11.5px;
        color: rgba(244, 246, 245, .85);
    }

    .sl-badge .sl-state[b-b5d18fdgrn] {
        font-size: 11.5px;
    }

        .sl-badge .sl-state:empty[b-b5d18fdgrn] {
            display: none;
        }

    .sl-badge.await[b-b5d18fdgrn] {
        border-color: var(--berry-mid);
    }

        .sl-badge.await .sl-state[b-b5d18fdgrn] {
            color: var(--berry-bright);
        }

    .sl-badge.done .sl-state[b-b5d18fdgrn] {
        color: var(--paper);
        font-weight: 600;
    }

    .sl-badge.alert[b-b5d18fdgrn] {
        background: var(--berry);
    }

        .sl-badge.alert[b-b5d18fdgrn]::after {
            border-top-color: var(--berry);
        }

@keyframes pillpop-b-b5d18fdgrn {
    from {
        transform: translateX(-50%) scale(.9);
    }

    to {
        transform: translateX(-50%) scale(1);
    }
}

.sl-badge.pop[b-b5d18fdgrn] {
    animation: pillpop-b-b5d18fdgrn .16s ease;
}

.slider.untouched .sl-badge[b-b5d18fdgrn] {
    opacity: 0;
}

.why-row[b-b5d18fdgrn] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin-top: 16px;
}

.review-root textarea.why-input[b-b5d18fdgrn] {
    width: 100%;
    resize: none;
    overflow: hidden;
    min-height: 44px;
    line-height: 1.5;
    padding: 10px 14px;
    font-size: 15px;
    background: var(--paper);
    border-color: transparent;
    border-radius: 10px;
    transition: background .15s ease, border-color .15s ease;
}

    .review-root textarea.why-input:focus[b-b5d18fdgrn] {
        background: var(--card);
        border-color: var(--ink);
    }

    .review-root textarea.why-input:disabled[b-b5d18fdgrn] {
        opacity: .55;
    }

    .review-root textarea.why-input.oq[b-b5d18fdgrn] {
        min-height: 60px;
    }

.chars[b-b5d18fdgrn] {
    align-self: flex-end;
    margin-top: 5px;
    font-family: var(--mono);
    font-size: 10.5px;
    letter-spacing: .08em;
    color: var(--ink-faint);
}

    .chars.tight[b-b5d18fdgrn] {
        color: var(--berry);
    }

.save-state[b-b5d18fdgrn] {
    margin-top: 10px;
    font-family: var(--mono);
    font-size: 10.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ink-soft);
}

    .save-state .tick[b-b5d18fdgrn] {
        color: var(--berry);
    }

.touches[b-b5d18fdgrn] {
    margin-top: 30px;
    padding: 4px 0 26px;
    border-bottom: 1px solid var(--hairline);
}

.chip-row[b-b5d18fdgrn] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.chip[b-b5d18fdgrn] {
    border: 1.5px solid var(--hairline);
    border-radius: 999px;
    padding: 11px 20px;
    font-size: 15.5px;
    background: var(--card);
    transition: all .15s ease;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
}

    .chip:hover[b-b5d18fdgrn] {
        border-color: var(--ink);
    }

    .chip[aria-pressed=true][b-b5d18fdgrn] {
        border-color: var(--berry);
        background: var(--berry-soft);
        color: var(--ink);
    }

.promo[b-b5d18fdgrn] {
    margin-top: 36px;
    background: var(--ink);
    color: var(--paper);
    border-radius: var(--r-card);
    padding: 26px 24px;
    box-shadow: var(--shadow);
}

.promo-eyebrow[b-b5d18fdgrn] {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(244, 246, 245, .55);
    display: flex;
    align-items: center;
    gap: 8px;
}

    .promo-eyebrow[b-b5d18fdgrn]::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 2px;
        background: var(--berry);
    }

.promo-head[b-b5d18fdgrn] {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 21px;
    line-height: 1.25;
    letter-spacing: -.01em;
    margin-top: 12px;
}

.promo-body[b-b5d18fdgrn] {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(244, 246, 245, .78);
}

.promo-actions[b-b5d18fdgrn] {
    margin-top: 20px;
    display: flex;
    gap: 18px;
    align-items: center;
    flex-wrap: wrap;
}

.promo-btn[b-b5d18fdgrn] {
    background: var(--paper);
    color: var(--ink);
}

    .promo-btn:hover[b-b5d18fdgrn] {
        box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
    }

.promo-link[b-b5d18fdgrn] {
    color: rgba(244, 246, 245, .7);
    text-decoration-color: rgba(244, 246, 245, .3);
}

    .promo-link:hover[b-b5d18fdgrn] {
        color: var(--paper);
    }

.footer[b-b5d18fdgrn] {
    margin-top: auto;
    padding-top: 26px;
    border-top: 1px solid var(--hairline);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .footer .brand[b-b5d18fdgrn] {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--ink-faint);
    }

        .footer .brand b[b-b5d18fdgrn] {
            color: var(--ink-soft);
            font-weight: 500;
        }

.foot-links[b-b5d18fdgrn] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12.5px;
    color: var(--ink-faint);
}

    .foot-links a[b-b5d18fdgrn] {
        font-size: 12.5px;
        color: var(--ink-soft);
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-color: var(--hairline);
    }

        .foot-links a:hover[b-b5d18fdgrn] {
            color: var(--ink);
        }

.foot-row[b-b5d18fdgrn] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

.field-error[b-b5d18fdgrn] {
    margin-top: 10px;
    font-size: 14.5px;
    color: var(--berry);
}

.banner[b-b5d18fdgrn] {
    margin-top: 20px;
    padding: 12px 16px;
    border: 1px solid var(--berry-line);
    border-radius: var(--r-field);
    background: var(--berry-soft);
    color: var(--berry);
    font-size: 14.5px;
}

.after-note[b-b5d18fdgrn] {
    margin-top: 16px;
}

.review-root .footer[b-b5d18fdgrn] {
    border-top: 1px solid var(--hairline);
}

.review-root .shell > *:nth-last-child(2)[b-b5d18fdgrn] {
    margin-bottom: 56px;
}

.sl-range[data-untouched][b-b5d18fdgrn]::-webkit-slider-thumb {
    background: var(--card);
    border-color: var(--ink-faint);
}

.sl-range[data-untouched][b-b5d18fdgrn]::-moz-range-thumb {
    background: var(--card);
    border-color: var(--ink-faint);
}

.calls > summary[b-b5d18fdgrn] {
    list-style: none;
    cursor: pointer;
}

    .calls > summary[b-b5d18fdgrn]::marker {
        display: none;
    }

    .calls > summary[b-b5d18fdgrn]::-webkit-details-marker {
        display: none;
    }

.calls-summary[b-b5d18fdgrn] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.calls-open-btn[b-b5d18fdgrn] {
    display: inline-flex;
}

.calls[open] > summary[b-b5d18fdgrn] {
    display: none;
}

.calls-open-note[b-b5d18fdgrn] {
    color: var(--ink-faint);
}

.shell.stage[b-b5d18fdgrn] {
    max-width: 780px;
}

.idea-zone[b-b5d18fdgrn] {
    background: linear-gradient(180deg, #fdfcfa, #f7f5f1);
    border: 1px solid color-mix(in srgb, var(--ink) 9%, transparent);
    border-radius: 18px;
    box-shadow: none;
    margin-top: 18px;
    padding: 18px 22px 12px;
    height: clamp(320px, 44vh, 480px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .idea-zone .pitch-card[b-b5d18fdgrn] {
        background: transparent;
        border: 0;
        box-shadow: none;
        padding: 2px 0 0;
        margin: 0;
    }

.iz-head[b-b5d18fdgrn] {
    flex: 0 0 auto;
}

.iz-meta[b-b5d18fdgrn] {
    font-family: var(--mono, monospace);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-faint, #8a8f9e);
    margin: 0 0 8px;
}

.iz-code[b-b5d18fdgrn] {
    color: var(--ink);
    font-weight: 700;
}

.idea-essence[b-b5d18fdgrn] {
    font-family: var(--display, inherit);
    font-size: clamp(17px, 2.3vw, 21px);
    font-weight: 650;
    line-height: 1.38;
    letter-spacing: -0.01em;
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.iz-body[b-b5d18fdgrn] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    scrollbar-width: thin;
    padding-right: 6px;
    margin-top: 4px;
}

.idea-zone .idea-tabs[b-b5d18fdgrn] {
    margin: 2px 0 0;
    border-bottom: 0;
    padding-bottom: 4px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    gap: 5px;
}

.idea-zone .itab[b-b5d18fdgrn] {
    padding: 5px 11px;
    font-size: 12.5px;
    white-space: nowrap;
    flex: 0 0 auto;
}

.reflect-zone[b-b5d18fdgrn] {
    margin-top: 26px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 22px 24px 24px;
    box-shadow: 0 12px 40px rgba(20, 24, 36, 0.08);
}

    .reflect-zone .dim-block[b-b5d18fdgrn],
    .reflect-zone .read-card[b-b5d18fdgrn] {
        background: transparent;
        border: 0;
        box-shadow: none;
        padding: 6px 0 0;
        margin: 0;
    }

.rz-head[b-b5d18fdgrn] {
    padding-bottom: 14px;
    border-bottom: 1px solid color-mix(in srgb, var(--ink) 6%, transparent);
}

.reflect-kicker[b-b5d18fdgrn] {
    display: block;
    font-family: var(--mono, monospace);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--berry);
    margin-bottom: 6px;
}

@media (max-width: 660px) {
    .idea-zone[b-b5d18fdgrn] {
        height: clamp(300px, 52vh, 480px);
        padding: 14px 14px 10px;
    }

    .reflect-zone[b-b5d18fdgrn] {
        padding: 16px 14px 20px;
    }
}

.idea-tabs[b-b5d18fdgrn] {
    display: flex;
    gap: 6px;
    margin: 26px 0 14px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 10px;
}

.itab[b-b5d18fdgrn] {
    border: 1px solid var(--line);
    background: transparent;
    color: var(--ink-soft, #5a6172);
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}

    .itab:hover[b-b5d18fdgrn] {
        color: var(--ink);
    }

    .itab.is-on[b-b5d18fdgrn] {
        background: var(--ink);
        border-color: var(--ink);
        color: var(--paper);
    }

.path.tabbed .tabwrap[b-b5d18fdgrn] {
    display: none;
}

    .path.tabbed .tabwrap.is-open[b-b5d18fdgrn] {
        display: block;
        animation: rsfade-b-b5d18fdgrn 0.18s ease;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 14px;
        padding: 16px 18px;
        box-shadow: 0 3px 14px rgba(20, 24, 36, 0.05);
    }

.path.tabbed .blk-head[b-b5d18fdgrn] {
    display: none;
}

.path.tabbed .blk[b-b5d18fdgrn],
.path.tabbed .moment-card[b-b5d18fdgrn] {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.path.tabbed .blk-body p[b-b5d18fdgrn] {
    margin: 0;
}

@keyframes rsfade-b-b5d18fdgrn {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.dim-track.stepper-on .dim-block[b-b5d18fdgrn] {
    display: none;
}

    .dim-track.stepper-on .dim-block.is-current[b-b5d18fdgrn] {
        display: flex;
        flex-direction: column;
        animation: rsfade-b-b5d18fdgrn 0.18s ease;
    }

.calls.stepper-live [data-step-final][b-b5d18fdgrn] {
    display: none;
}

    .calls.stepper-live [data-step-final].is-current[b-b5d18fdgrn] {
        display: block;
        animation: rsfade-b-b5d18fdgrn 0.18s ease;
    }

.stepper-bar[b-b5d18fdgrn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 22px;
}

.step-pos[b-b5d18fdgrn] {
    font-family: var(--mono, monospace);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-faint, #8a8f9e);
}

.step-next[data-armed][b-b5d18fdgrn] {
    background: var(--berry);
    border-color: var(--berry);
    color: var(--paper);
}

.seg-track[b-b5d18fdgrn] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 12px 0 4px;
}

    .seg-track button[b-b5d18fdgrn] {
        flex: 1 1 0;
        height: 7px;
        border-radius: 999px;
        border: 0;
        background: color-mix(in srgb, var(--ink) 10%, transparent);
        padding: 0;
        cursor: pointer;
        transition: transform 0.1s ease, background 0.15s ease;
    }

        .seg-track button:hover[b-b5d18fdgrn] {
            transform: scaleY(1.6);
        }

        .seg-track button.is-done[b-b5d18fdgrn] {
            background: var(--berry);
        }

        .seg-track button.is-here[b-b5d18fdgrn] {
            transform: scaleY(1.35);
        }

            .seg-track button.is-here:not(.is-done)[b-b5d18fdgrn] {
                background: var(--ink);
            }

        .seg-track button.is-flag[b-b5d18fdgrn] {
            background: #c2410c;
        }

        .seg-track button.dot-final[b-b5d18fdgrn] {
            flex: 0 0 18px;
            border-radius: 4px;
        }

.sent-line[b-b5d18fdgrn] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin: 2px 0 10px;
}

.seg-read[b-b5d18fdgrn] {
    flex: 0 0 34px;
    height: 7px;
    border-radius: 999px;
}

    .seg-read.is-here[b-b5d18fdgrn] {
        background: var(--ink);
    }

    .seg-read.is-done[b-b5d18fdgrn] {
        background: var(--berry);
    }

.seg-ghost[b-b5d18fdgrn] {
    flex: 1 1 0;
    height: 7px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ink) 6%, transparent);
}

.flow-bar[b-b5d18fdgrn] {
    background: transparent;
    padding: 0;
}

.idea-sub[b-b5d18fdgrn] {
    margin: 0 0 10px;
    font-size: 13.5px;
    color: var(--ink-faint, #8a8f9e);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sent-line .sent-check[b-b5d18fdgrn] {
    flex: 0 0 auto;
}

.flow-guide[b-b5d18fdgrn] {
    font-size: 13px;
    color: var(--ink-faint, #8a8f9e);
    margin: 8px 0 0;
}

.send-hint.warn[b-b5d18fdgrn] {
    color: #c2410c;
}

button[data-main-send]:disabled[b-b5d18fdgrn] {
    opacity: 0.45;
    cursor: default;
}

.send-confirm[b-b5d18fdgrn] {
    margin-top: 20px;
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--berry) 30%, transparent);
    border-left: 3px solid var(--berry);
    border-radius: 12px;
    background: color-mix(in srgb, var(--berry) 5%, var(--paper));
}

    .send-confirm p[b-b5d18fdgrn] {
        margin: 0 0 12px;
        font-size: 14px;
        line-height: 1.55;
    }

.confirm-row[b-b5d18fdgrn] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.step-prev .hint[b-b5d18fdgrn],
.step-next .hint[b-b5d18fdgrn] {
    font-weight: 500;
    opacity: 0.75;
}

.rz-head[b-b5d18fdgrn] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 14px;
}

    .rz-head .reflect-kicker[b-b5d18fdgrn] {
        margin: 0;
        flex: 0 0 auto;
    }

.rz-track[b-b5d18fdgrn] {
    margin: 12px 0 4px;
}

.seg-ghost-final[b-b5d18fdgrn] {
    flex: 0 0 18px;
    border-radius: 4px;
}

.rz-spacer[b-b5d18fdgrn] {
    flex: 1 1 auto;
}

.rz-head .saved-chip[b-b5d18fdgrn] {
    flex: 0 0 auto;
    font-size: 10px;
    letter-spacing: 0.08em;
    color: var(--ink-faint, #8a8f9e);
}

.reflect-zone .flow-top[b-b5d18fdgrn],
.reflect-zone .invite-block[b-b5d18fdgrn] {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
}

.reflect-zone .flow-bar[b-b5d18fdgrn] {
    display: flex;
    gap: 12px;
    align-items: baseline;
    background: transparent;
    padding: 0;
    margin: 10px 0 2px;
    font-size: 11px;
}



.conv-lead[b-b5d18fdgrn] {
    margin: 16px 0 2px;
}

.read-card .field-gap[b-b5d18fdgrn] {
    margin-top: 10px;
}

.card-foot[b-b5d18fdgrn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid color-mix(in srgb, var(--ink) 6%, transparent);
}

.card-foot-note[b-b5d18fdgrn] {
    margin: 0;
    max-width: 52ch;
}

.action-bar[b-b5d18fdgrn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 22px;
}

.ab-seq[b-b5d18fdgrn] {
    display: inline-flex;
    align-items: center;
    gap: 18px;
}

.step-prev[b-b5d18fdgrn] {
    border: 0;
    background: transparent;
    color: var(--ink-faint, #8a8f9e);
    font: inherit;
    font-size: 14px;
    cursor: pointer;
    padding: 6px 4px;
}

    .step-prev:hover:not(:disabled)[b-b5d18fdgrn] {
        color: var(--ink);
    }

    .step-prev:disabled[b-b5d18fdgrn] {
        opacity: 0.35;
        cursor: default;
    }

.dim-block .q.q-sm[b-b5d18fdgrn] {
    margin: 6px 0 4px;
}

.dim-block .weigh[b-b5d18fdgrn] {
    margin: 2px 0 6px;
}

.dim-block .scale-host[b-b5d18fdgrn] {
    margin-top: 2px;
}

.dim-block .slider[b-b5d18fdgrn] {
    margin-top: 2px;
}

.reflect-zone .rvbtn-primary[b-b5d18fdgrn] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--ink);
    border: 0;
    color: var(--paper, #fff);
    border-radius: 999px;
    padding: 11px 22px;
    font-size: 14.5px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--ink) 22%, transparent);
    transition: transform 0.12s ease, box-shadow 0.15s ease, background 0.15s ease;
}

    .reflect-zone .rvbtn-primary:hover:not(:disabled)[b-b5d18fdgrn] {
        transform: translateY(-1px);
        box-shadow: 0 7px 20px color-mix(in srgb, var(--ink) 30%, transparent);
    }

    .reflect-zone .rvbtn-primary:active:not(:disabled)[b-b5d18fdgrn] {
        transform: translateY(0);
    }

.reflect-zone .send-cta[b-b5d18fdgrn] {
    display: inline-flex;
    align-items: center;
    border: 1.5px solid color-mix(in srgb, var(--ink) 22%, transparent);
    background: #fff;
    color: var(--ink);
    border-radius: 999px;
    padding: 10px 20px;
    font-size: 14.5px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, transform 0.12s ease;
}

    .reflect-zone .send-cta:hover:not(:disabled)[b-b5d18fdgrn] {
        border-color: var(--ink);
        background: color-mix(in srgb, var(--ink) 3%, #fff);
        transform: translateY(-1px);
    }

.reflect-zone .dim-block textarea[b-b5d18fdgrn],
.reflect-zone .one-last textarea[b-b5d18fdgrn] {
    width: 100%;
    height: 118px;
    overflow: auto;
    border: 1.5px solid transparent;
    border-radius: 12px;
    background: color-mix(in srgb, var(--ink) 4%, #fff);
    padding: 14px 15px;
    font: inherit;
    font-size: 15.5px;
    line-height: 1.55;
    resize: none;
    transition: background 0.15s ease, border-color 0.15s ease;
}

    .reflect-zone .dim-block textarea:hover:not(:disabled)[b-b5d18fdgrn],
    .reflect-zone .one-last textarea:hover:not(:disabled)[b-b5d18fdgrn] {
        background: color-mix(in srgb, var(--ink) 6%, #fff);
    }

    .reflect-zone .dim-block textarea:focus[b-b5d18fdgrn],
    .reflect-zone .one-last textarea:focus[b-b5d18fdgrn] {
        outline: none;
        background: #fff;
        border-color: var(--berry);
    }

.calls.stepper-live [data-step-read][b-b5d18fdgrn] {
    display: none;
}

    .calls.stepper-live [data-step-read].is-current[b-b5d18fdgrn] {
        display: flex;
        flex-direction: column;
        animation: rsfade-b-b5d18fdgrn 0.18s ease;
    }

button.seg-read[b-b5d18fdgrn],
span.seg-read[b-b5d18fdgrn] {
    border: 0;
    padding: 0;
    background: var(--berry);
}

button.seg-read[b-b5d18fdgrn] {
    cursor: pointer;
}

.seg-read.is-here[b-b5d18fdgrn] {
    transform: scaleY(1.35);
}

.seg-track button.is-done[b-b5d18fdgrn],
.seg-read.is-done[b-b5d18fdgrn] {
    background: linear-gradient(135deg, var(--berry), #d40a63);
}


.reflect-zone .dim-block[b-b5d18fdgrn],
.reflect-zone .read-card[b-b5d18fdgrn],
.reflect-zone .one-last[b-b5d18fdgrn] {
    min-height: 408px;
}

    .reflect-zone .dim-block .scale-host[b-b5d18fdgrn] {
        margin-top: auto;
    }

.rz-pos[b-b5d18fdgrn] {
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.01em;
    color: var(--ink);
    min-width: 0;
}

    .rz-pos b[b-b5d18fdgrn] {
        font-weight: 750;
    }

.pos-count[b-b5d18fdgrn] {
    font-family: var(--mono, monospace);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-faint, #8a8f9e);
    margin-left: 6px;
}

.under-field[b-b5d18fdgrn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
}

.dk-under[b-b5d18fdgrn] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--ink-soft, #5a6172);
    cursor: pointer;
}

    .dk-under input[b-b5d18fdgrn] {
        accent-color: var(--berry);
        width: 15px;
        height: 15px;
        cursor: pointer;
    }

    .dk-under:hover[b-b5d18fdgrn] {
        color: var(--ink);
    }

.calls.stepper-live .dim-name[b-b5d18fdgrn] {
    display: none;
}

.calls.stepper-live .dim-head[b-b5d18fdgrn] {
    display: none;
}

.reflect-zone .scale-host[b-b5d18fdgrn] {
    background: color-mix(in srgb, var(--ink) 3.5%, #fff);
    border-radius: 14px;
    padding: 16px 16px 12px;
    margin-top: 10px;
}

    .reflect-zone .scale-host .sl-labels[b-b5d18fdgrn] {
        margin-top: 8px;
    }

.reflect-zone .send-cta[b-b5d18fdgrn] {
    background: #fff;
    border: 1.5px solid color-mix(in srgb, var(--ink) 26%, transparent);
    box-shadow: 0 1px 2px rgba(20, 24, 36, 0.06);
}

    .reflect-zone .send-cta:hover:not(:disabled)[b-b5d18fdgrn] {
        border-color: var(--ink);
        background: color-mix(in srgb, var(--ink) 4%, #fff);
        box-shadow: 0 3px 10px rgba(20, 24, 36, 0.1);
    }

.reflect-zone .step-prev[b-b5d18fdgrn] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1.5px solid color-mix(in srgb, var(--ink) 20%, transparent);
    background: #fff;
    border-radius: 999px;
    padding: 11px 22px;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--ink-soft, #5a6172);
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

    .reflect-zone .step-prev:hover:not(:disabled)[b-b5d18fdgrn] {
        border-color: var(--ink);
        color: var(--ink);
        background: color-mix(in srgb, var(--ink) 3%, #fff);
    }

.action-bar[hidden][b-b5d18fdgrn] {
    display: none;
}

.rz-sub[b-b5d18fdgrn] {
    margin-top: 0;
}

.reflect-zone .step-prev:hover:not(:disabled)[b-b5d18fdgrn] {
    border-color: color-mix(in srgb, var(--ink) 14%, transparent);
    background: color-mix(in srgb, var(--ink) 3%, #fff);
    color: var(--ink);
}

.footer[b-b5d18fdgrn] {
    margin-top: 56px;
    padding: 0 0 44px;
    text-align: center;
    border-top: 0;
}

.foot-rule[b-b5d18fdgrn] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 auto 22px;
    max-width: 420px;
}

    .foot-rule span[b-b5d18fdgrn] {
        flex: 1 1 auto;
        height: 1px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 16%, transparent));
    }

        .foot-rule span:last-child[b-b5d18fdgrn] {
            background: linear-gradient(270deg, transparent, color-mix(in srgb, var(--ink) 16%, transparent));
        }

    .foot-rule i[b-b5d18fdgrn] {
        font-style: normal;
        font-size: 9px;
        color: var(--berry);
        line-height: 1;
    }

.foot-trust[b-b5d18fdgrn] {
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-size: 15.5px;
    line-height: 1.6;
    color: color-mix(in srgb, var(--ink) 72%, transparent);
    max-width: 46ch;
    margin: 0 auto 26px;
}

.foot-brand[b-b5d18fdgrn] {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.01em;
    color: var(--ink);
    margin: 0 0 4px;
}

.foot-tagline[b-b5d18fdgrn] {
    font-family: var(--mono, monospace);
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ink-faint, #8a8f9e);
    margin: 0 0 18px;
}

.footer .foot-links[b-b5d18fdgrn] {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 10px;
    font-family: var(--mono, monospace);
    font-size: 11px;
    letter-spacing: 0.04em;
    color: var(--ink-faint, #8a8f9e);
}

    .footer .foot-links a[b-b5d18fdgrn] {
        color: inherit;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        transition: color 0.15s ease, border-color 0.15s ease;
    }

        .footer .foot-links a:hover[b-b5d18fdgrn] {
            color: var(--ink);
            border-bottom-color: color-mix(in srgb, var(--ink) 30%, transparent);
        }

    .footer .foot-links span[b-b5d18fdgrn] {
        color: color-mix(in srgb, var(--ink) 20%, transparent);
    }

.footer .foot-year[b-b5d18fdgrn] {
    color: var(--ink-faint, #8a8f9e);
}

.footer .foot-row[b-b5d18fdgrn] {
    display: none;
}


.rz-head .saved-chip[b-b5d18fdgrn] {
    margin-left: auto;
}


.reflect-zone .dim-block .q[b-b5d18fdgrn] {
    font-size: clamp(19px, 2.4vw, 23px);
    line-height: 1.32;
    margin: 6px 0 10px;
}

.conv-lead[b-b5d18fdgrn] {
    font-family: var(--mono, monospace);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    margin: 22px 0 8px;
}

.send-hint-row[b-b5d18fdgrn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .send-hint-row > span:first-child[b-b5d18fdgrn] {
        min-width: 0;
    }

.save-dot[b-b5d18fdgrn] {
    flex: 0 0 auto;
    font-family: var(--mono, monospace);
    font-size: 12px;
    color: var(--ink-faint, #8a8f9e);
    cursor: default;
}

    .save-dot.ok[b-b5d18fdgrn] {
        color: var(--berry);
    }

    .save-dot.warn[b-b5d18fdgrn] {
        color: #c2410c;
    }



.track-wrap[b-b5d18fdgrn] {
    position: relative;
    padding: 28px 18px 0;
}

.track-tag[b-b5d18fdgrn] {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    background: var(--ink);
    color: var(--paper, #fff);
    font-family: var(--mono, monospace);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 6px;
    white-space: nowrap;
    transition: left 0.2s ease;
    pointer-events: none;
}

    .track-tag[b-b5d18fdgrn]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border: 4px solid transparent;
        border-top-color: var(--ink);
    }

.rz-sub[b-b5d18fdgrn] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    font-size: 12.5px;
    color: var(--ink-faint, #8a8f9e);
    margin: 4px 0 14px;
}

    .rz-sub > span:first-child[b-b5d18fdgrn] {
        min-width: 0;
    }

    .rz-sub .warn[b-b5d18fdgrn] {
        color: #c2410c;
    }


.head-warn[b-b5d18fdgrn] {
    font-size: 13px;
    font-weight: 600;
    color: #c2410c;
}

    .head-warn[b-b5d18fdgrn]::before {
        content: "\2192";
        margin-right: 6px;
    }


.reflect-zone .step-prev.is-ghost[b-b5d18fdgrn] {
    visibility: hidden;
    pointer-events: none;
}


.reflect-zone .dim-block.needs-score .scale-host[b-b5d18fdgrn] {
    box-shadow: 0 0 0 2px color-mix(in srgb, #c2410c 35%, transparent);
}


.done-k[b-b5d18fdgrn] {
    font-family: var(--mono, monospace);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink);
    margin: 26px 0 6px;
}

.done-k-note[b-b5d18fdgrn] {
    font-weight: 600;
    color: var(--ink-faint, #8a8f9e);
    letter-spacing: 0.06em;
    margin-left: 8px;
}

.anon-check.optin[b-b5d18fdgrn] {
    margin-top: 10px;
}

.optin-email[b-b5d18fdgrn] {
    margin-top: 12px;
}

    .optin-email input[b-b5d18fdgrn] {
        width: 100%;
        border: 1.5px solid transparent;
        border-radius: 12px;
        background: color-mix(in srgb, var(--ink) 4%, #fff);
        padding: 12px 14px;
        font: inherit;
        font-size: 15px;
    }

        .optin-email input:focus[b-b5d18fdgrn] {
            outline: none;
            background: #fff;
            border-color: var(--berry);
        }


.done-zone .display[b-b5d18fdgrn] {
    font-size: clamp(26px, 3.4vw, 34px);
    margin: 8px 0 10px;
}

.done-zone .lede[b-b5d18fdgrn] {
    margin: 0 0 6px;
}

.done-zone .done-k[b-b5d18fdgrn] {
    border-top: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
    padding-top: 24px;
    margin-top: 28px;
}

    .done-zone .done-k:first-of-type[b-b5d18fdgrn] {
        border-top: 0;
        padding-top: 0;
        margin-top: 20px;
    }

.done-zone .flow-actions[b-b5d18fdgrn] {
    margin-top: 22px;
}

.promo .promo-head[b-b5d18fdgrn] {
    color: #fff;
}

.promo .promo-body[b-b5d18fdgrn] {
    color: color-mix(in srgb, #fff 78%, transparent);
}

.promo .promo-actions[b-b5d18fdgrn] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.promo .promo-btn[b-b5d18fdgrn] {
    display: inline-flex;
    align-items: center;
    background: #fff;
    color: var(--ink);
    border-radius: 999px;
    padding: 12px 24px;
    font-weight: 700;
    text-decoration: none;
}

    .promo .promo-btn:hover[b-b5d18fdgrn] {
        background: color-mix(in srgb, #fff 88%, var(--berry));
    }

.promo .promo-actions a:not(.promo-btn)[b-b5d18fdgrn] {
    color: color-mix(in srgb, #fff 72%, transparent);
}

    .promo .promo-actions a:not(.promo-btn):hover[b-b5d18fdgrn] {
        color: #fff;
    }
/* /BrainstormingSystem/BrainstormingCanvas.razor.rz.scp.css */
.brainstorm-surface[b-sh5g6cp02q] {
    --ain-px: 1px;
    --ain-accent: var(--accent, #f00c71);
    --ain-accent-rgb: 240, 12, 113;
    --ain-accent-deep-rgb: 200, 7, 95;
    --ain-accent-ink: #b3095a;
    --ain-signal: #6f6132;
    --ain-signal-ink: #4e4320;
    --ain-signal-deep: #241c05;
    --ain-signal-rgb: 92, 70, 10;
    --ain-ink: #1d1a14;
    --ain-ink-rgb: 29, 26, 20;
    --ain-muted: #6b6558;
    --ain-white: #ffffff;
    --ain-white-rgb: 255, 255, 255;
    --ain-slate-rgb: 15, 23, 42;
    --ain-line: #e1dbcf;
    --ain-line-strong: #cfc6b5;
    --ain-focus: #5c4f26;
    --ain-paper-1: #fff8cd;
    --ain-paper-2: #ffeb9e;
    --ain-umber-900: #241c05;
    --ain-umber-700: #4e4320;
    --ain-umber-600: #5f5228;
    --ain-umber-500: #6f6132;
    --ain-umber-400: #6f6132;
    --ain-umber-rgb: 92, 70, 10;
    --ain-ochre-rgb: 124, 95, 12;
    --ain-rose-1: #f9efec;
    --ain-rose-2: #f4e3df;
    --ain-rose-600: #9c0850;
    --ain-rose-900: #5e0a37;
    --ain-rose-rgb: 179, 9, 90;
    --ain-teal-800: #12262c;
    --ain-teal-900: #0a191d;
    --ain-teal-ink: #f7fbfb;
    --ain-teal-rgb: 10, 25, 29;
    --ain-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --ain-font-display: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --ain-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
    --ain-font-serif: 'Source Serif 4', 'Source Serif Pro', Georgia, 'Times New Roman', serif;
    --ain-fs-105: calc(10.5 * var(--ain-px));
    --ain-fs-115: calc(11.5 * var(--ain-px));
    --ain-fs-125: calc(12.5 * var(--ain-px));
    --ain-fs-135: calc(13.5 * var(--ain-px));
    --ain-fs-145: calc(14.5 * var(--ain-px));
    --ain-fs-160: calc(16 * var(--ain-px));
    --ain-fs-170: calc(17 * var(--ain-px));
    --ain-fs-180: calc(18 * var(--ain-px));
    --ain-fs-200: calc(20 * var(--ain-px));
    --ain-fs-220: calc(22 * var(--ain-px));
    --ain-fs-240: calc(24 * var(--ain-px));
    --ain-fs-260: calc(26 * var(--ain-px));
    --ain-fs-280: calc(28 * var(--ain-px));
    --ain-fs-320: calc(32 * var(--ain-px));
    --ain-fs-340: calc(34 * var(--ain-px));
    --ain-fs-420: calc(42 * var(--ain-px));
    --ain-fs-560: calc(56 * var(--ain-px));
    --ain-fs-720: calc(72 * var(--ain-px));
    --ain-radius-2xs: 2px;
    --ain-radius-xs: 4px;
    --ain-radius-sm: 8px;
    --ain-radius-md: 10px;
    --ain-radius-lg: 12px;
    --ain-radius-xl: 14px;
    --ain-radius-pill: 999px;
    --ain-shadow-panel: 0 1px 2px rgba(var(--ain-ink-rgb), .05), 0 16px 36px -24px rgba(var(--ain-ink-rgb), .28);
    --ain-ring-accent: 0 0 0 3px rgba(var(--ain-accent-rgb), .14);
    --ain-z-sticky: 9;
    --ain-z-cockpit: 10;
    --ain-z-toast: 11;
    --ain-z-popover: 40;
    --ain-z-overlay: 9999;
    --ain-dur-fast: 150ms;
    --ain-dur-base: 200ms;
}


.brainstorm-surface[b-sh5g6cp02q] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    background: var(--ws-bg, #f8fafc);
    position: relative;
}

.brainstorm-grid[b-sh5g6cp02q] {
    flex: 1;
    display: grid;
    grid-template-columns: var(--bs-left-rail-w, 380px) 6px 1fr 320px;
    min-height: 0;
    min-width: 0;
    transition: grid-template-columns 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

    .brainstorm-grid.is-resizing[b-sh5g6cp02q] {
        transition: none;
    }

.bs-chip:focus-visible[b-sh5g6cp02q],
.bs-card-action:focus-visible[b-sh5g6cp02q],
.bs-card-feedback-send:focus-visible[b-sh5g6cp02q],
.bs-graduate-action:focus-visible[b-sh5g6cp02q],
.bs-tier-pill-add:focus-visible[b-sh5g6cp02q],
.bs-retry-btn:focus-visible[b-sh5g6cp02q],
.bs-timeline-toggle:focus-visible[b-sh5g6cp02q],
.bs-timeline-filter-btn:focus-visible[b-sh5g6cp02q],
.bs-timeline-collapsed-rail:focus-visible[b-sh5g6cp02q],
.bs-mini-cockpit-button:focus-visible[b-sh5g6cp02q] {
    outline: none;
}

.bs-chip:focus-visible[b-sh5g6cp02q],
.bs-card-action:focus-visible[b-sh5g6cp02q],
.bs-card-feedback-send:focus-visible[b-sh5g6cp02q],
.bs-graduate-action:focus-visible[b-sh5g6cp02q],
.bs-tier-pill-add:focus-visible[b-sh5g6cp02q],
.bs-retry-btn:focus-visible[b-sh5g6cp02q],
.bs-timeline-toggle:focus-visible[b-sh5g6cp02q],
.bs-timeline-filter-btn:focus-visible[b-sh5g6cp02q],
.bs-timeline-collapsed-rail:focus-visible[b-sh5g6cp02q] {
    box-shadow: 0 0 0 3px rgba(var(--ain-ochre-rgb), 0.32);
}

.bs-mini-cockpit-button:focus-visible[b-sh5g6cp02q] {
    box-shadow: 0 0 0 3px rgba(var(--ain-white-rgb), 0.62), 0 6px 18px rgba(var(--ain-accent-rgb), 0.40);
}


.brainstorm-grid.bs-grid-empty[b-sh5g6cp02q] {
    grid-template-columns: 1fr 320px;
}

.brainstorm-grid.bs-timeline-is-collapsed[b-sh5g6cp02q] {
    grid-template-columns: var(--bs-left-rail-w, 380px) 6px 1fr 44px;
}

.brainstorm-grid.bs-grid-empty.bs-timeline-is-collapsed[b-sh5g6cp02q] {
    grid-template-columns: 1fr 44px;
}

.bs-resize-overlay[b-sh5g6cp02q] {
    position: fixed;
    inset: 0;
    z-index: var(--ain-z-overlay);
    cursor: col-resize;
    background: transparent;
    user-select: none;
    -webkit-user-select: none;
}

.bs-state-empty[b-sh5g6cp02q],
.bs-state-error[b-sh5g6cp02q],
.bs-state-framing[b-sh5g6cp02q],
.bs-state-failed[b-sh5g6cp02q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 32px;
    text-align: center;
    color: var(--ws-ink-3, #475569);
}

    .bs-state-empty i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-240);
        color: var(--ws-ink-5, #94a3b8);
        margin-bottom: 14px;
    }

.bs-state-empty-title[b-sh5g6cp02q] {
    font-size: var(--ain-fs-160);
    font-weight: 600;
    color: var(--ws-ink-2, #334155);
    margin-bottom: 6px;
}

.bs-state-empty-body[b-sh5g6cp02q] {
    font-size: var(--ain-fs-135);
    color: var(--ws-ink-4, #64748b);
    max-width: 320px;
}

.bs-state-error[b-sh5g6cp02q] {
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    padding: 28px;
    max-width: 520px;
    margin: 32px auto;
    background: rgba(239, 68, 68, 0.04);
    border: 1px solid rgba(239, 68, 68, 0.20);
    border-radius: var(--radius-md, 8px);
    text-align: left;
}

    .bs-state-error i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-180);
        color: #ef4444;
        margin-top: 2px;
        flex-shrink: 0;
    }

.bs-state-error-title[b-sh5g6cp02q] {
    font-size: var(--ain-fs-145);
    font-weight: 600;
    color: var(--ws-ink-1, #0f172a);
    margin-bottom: 4px;
}

.bs-state-error-body[b-sh5g6cp02q] {
    font-size: var(--ain-fs-135);
    color: var(--ws-ink-3, #475569);
    line-height: 1.5;
}

.bs-state-framing-icon i[b-sh5g6cp02q] {
    font-size: var(--ain-fs-280);
    color: var(--ain-signal);
    margin-bottom: 18px;
}

.bs-state-framing-title[b-sh5g6cp02q] {
    font-size: var(--ain-fs-220);
    font-weight: 600;
    margin: 0 0 10px;
    color: var(--ws-ink-1, #0f172a);
}

.bs-state-framing-body[b-sh5g6cp02q] {
    font-size: var(--ain-fs-145);
    line-height: 1.55;
    max-width: 480px;
    margin: 0 0 26px;
    color: var(--ws-ink-3, #475569);
}

.bs-state-framing-seed[b-sh5g6cp02q] {
    width: 100%;
    max-width: 540px;
    padding: 16px 18px;
    background: rgba(var(--ain-signal-rgb), 0.04);
    border: 1px solid rgba(var(--ain-signal-rgb), 0.15);
    border-radius: var(--radius-md, 8px);
    text-align: left;
}

.bs-state-framing-seed-eyebrow[b-sh5g6cp02q] {
    font-size: var(--ain-fs-105);
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--ain-signal);
    text-transform: uppercase;
    margin-bottom: 6px;
}

.bs-state-framing-seed-body[b-sh5g6cp02q] {
    font-size: var(--ain-fs-135);
    line-height: 1.6;
    color: var(--ws-ink-2, #334155);
    white-space: pre-wrap;
}

.bs-state-failed i[b-sh5g6cp02q] {
    font-size: var(--ain-fs-280);
    color: #f59e0b;
    margin-bottom: 14px;
}

.bs-state-failed-title[b-sh5g6cp02q] {
    font-size: var(--ain-fs-180);
    font-weight: 600;
    color: var(--ws-ink-1, #0f172a);
    margin-bottom: 6px;
}

.bs-state-failed-body[b-sh5g6cp02q] {
    font-size: var(--ain-fs-135);
    color: var(--ws-ink-3, #475569);
    margin-bottom: 18px;
    max-width: 380px;
    line-height: 1.5;
}

.bs-retry-btn[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: white;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-md, 8px);
    cursor: pointer;
    font-family: inherit;
    font-size: var(--ain-fs-135);
    font-weight: 600;
    color: var(--ws-ink-2, #334155);
    transition: all var(--ain-dur-fast) ease;
}

    .bs-retry-btn:hover[b-sh5g6cp02q] {
        border-color: var(--ain-signal);
        color: var(--ain-signal);
        background: rgba(var(--ain-signal-rgb), 0.04);
    }

    .bs-retry-btn i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-115);
    }

.bs-tiers[b-sh5g6cp02q] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    isolation: isolate;
}

.bs-tier[b-sh5g6cp02q] {
    padding: 0 18px 24px;
    flex-shrink: 0;
    min-height: 33vh;
}

    .bs-tier:last-child[b-sh5g6cp02q] {
        flex: 1 0 auto;
        padding-bottom: 90px;
    }

.bs-tier-promoted[b-sh5g6cp02q] {
    background: transparent;
    --tier-swatch: radial-gradient(130% 150% at 0% 0%, var(--ain-teal-800) 0%, var(--ain-teal-900) 62%);
    --tier-glyph: var(--ain-teal-ink);
    --tier-pill-ink: var(--ain-teal-ink);
    --tier-pill-ink-2: rgba(247, 251, 251, 0.62);
    --tier-pill-edge: rgba(var(--ain-accent-rgb), 0.30);
    --tier-pill-shadow: 0 2px 6px rgba(var(--ain-teal-rgb), 0.26), 0 14px 30px -12px rgba(var(--ain-teal-rgb), 0.44);
    --tier-accent-ink: #b1094f;
    --tier-wash: rgba(var(--ain-accent-rgb), 0.10);
    --tier-rule: rgba(var(--ain-accent-rgb), 0.28);
    --tier-strip: rgba(var(--ain-accent-rgb), 0.05);
}

.bs-tier-working[b-sh5g6cp02q] {
    background: transparent;
    --tier-swatch: linear-gradient(168deg, var(--ain-paper-1) 0%, var(--ain-paper-2) 100%);
    --tier-glyph: var(--ain-focus);
    --tier-pill-ink: var(--ain-umber-900);
    --tier-pill-ink-2: var(--ain-umber-500);
    --tier-pill-edge: rgba(var(--ain-ochre-rgb), 0.30);
    --tier-pill-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.18), 0 12px 28px -10px rgba(var(--ain-umber-rgb), 0.44);
    --tier-accent-ink: var(--ain-signal-deep);
    --tier-wash: rgba(var(--ain-signal-rgb), 0.12);
    --tier-rule: rgba(var(--ain-signal-rgb), 0.30);
    --tier-strip: rgba(var(--ain-signal-rgb), 0.05);
}

.bs-tier-parked[b-sh5g6cp02q] {
    background: transparent;
    --tier-swatch: linear-gradient(168deg, var(--ain-paper-1) 0%, var(--ain-paper-2) 100%);
    --tier-glyph: var(--ain-umber-500);
    --tier-pill-ink: #3b3213;
    --tier-pill-ink-2: #7d7043;
    --tier-pill-edge: rgba(var(--ain-ochre-rgb), 0.28);
    --tier-pill-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.16), 0 12px 28px -10px rgba(var(--ain-umber-rgb), 0.40);
    --tier-accent-ink: #475569;
    --tier-wash: rgba(100, 116, 139, 0.12);
    --tier-rule: rgba(100, 116, 139, 0.30);
    --tier-strip: rgba(100, 116, 139, 0.05);
}

.bs-tier-header[b-sh5g6cp02q] {
    position: sticky;
    top: 0;
    z-index: var(--ain-z-sticky);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 0 -18px;
    padding: 18px 18px 26px;
    user-select: none;
    background: linear-gradient(180deg, rgba(var(--bs-canvas-rgb, 255, 255, 255), 0.98) 0%, rgba(var(--bs-canvas-rgb, 255, 255, 255), 0.97) 52%, rgba(var(--bs-canvas-rgb, 255, 255, 255), 0.82) 74%, rgba(var(--bs-canvas-rgb, 255, 255, 255), 0) 100%), linear-gradient(180deg, var(--tier-strip, transparent) 0%, transparent 74%);
}

    .bs-tier-header[b-sh5g6cp02q]::before,
    .bs-tier-header[b-sh5g6cp02q]::after {
        content: "";
        flex: 1;
        min-width: 20px;
        height: 1px;
        margin-bottom: 8px;
    }

    .bs-tier-header[b-sh5g6cp02q]::before {
        background: linear-gradient(90deg, transparent 0%, var(--tier-rule, rgba(var(--ain-slate-rgb), 0.16)) 86%);
    }

    .bs-tier-header[b-sh5g6cp02q]::after {
        background: linear-gradient(90deg, var(--tier-rule, rgba(var(--ain-slate-rgb), 0.16)) 14%, transparent 100%);
    }

.bs-tier-pill[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    flex-shrink: 0;
    padding: 7px 13px 7px 13px;
    background: var(--tier-swatch, var(--ain-white));
    border: 1px solid var(--tier-pill-edge, rgba(var(--ain-slate-rgb), 0.10));
    border-radius: var(--ain-radius-pill);
    box-shadow: var(--tier-pill-shadow, 0 1px 2px rgba(var(--ain-slate-rgb), 0.06), 0 10px 24px -10px rgba(var(--ain-slate-rgb), 0.34));
}

.bs-tier-pill-icon[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: var(--ain-fs-135);
    color: var(--tier-glyph, #64748b);
    flex-shrink: 0;
}

.bs-tier-pill-name[b-sh5g6cp02q] {
    font-family: var(--ain-font-display);
    font-size: var(--ain-fs-135);
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--tier-pill-ink, #0f172a);
    white-space: nowrap;
}

.bs-tier-pill-sep[b-sh5g6cp02q] {
    width: 1px;
    height: 16px;
    background: var(--tier-pill-ink-2, rgba(var(--ain-slate-rgb), 0.14));
    opacity: 0.45;
    flex-shrink: 0;
}

.bs-tier-pill-count[b-sh5g6cp02q] {
    font-size: var(--ain-fs-145);
    font-weight: 700;
    color: var(--tier-pill-ink, #0f172a);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

.bs-tier-pill-fraction[b-sh5g6cp02q] {
    font-size: var(--ain-fs-145);
    font-weight: 500;
    color: var(--tier-pill-ink-2, #94a3b8);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
    margin-left: -7px;
}

.bs-tier-info[b-sh5g6cp02q] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.bs-tier-info-btn[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--tier-pill-ink-2, #94a3b8);
    font-size: var(--ain-fs-115);
    opacity: 0.7;
    cursor: help;
    transition: background var(--ain-dur-fast) ease, color var(--ain-dur-fast) ease, opacity var(--ain-dur-fast) ease;
}

    .bs-tier-info-btn:hover[b-sh5g6cp02q],
    .bs-tier-info-btn:focus-visible[b-sh5g6cp02q] {
        background: rgba(var(--ain-white-rgb), 0.42);
        color: var(--tier-pill-ink, #334155);
        opacity: 1;
        outline: none;
    }

.bs-tier-promoted .bs-tier-info-btn:hover[b-sh5g6cp02q],
.bs-tier-promoted .bs-tier-info-btn:focus-visible[b-sh5g6cp02q] {
    background: rgba(var(--ain-white-rgb), 0.14);
}

.bs-tier-info-pop[b-sh5g6cp02q] {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    z-index: var(--ain-z-popover);
    display: flex;
    flex-direction: column;
    gap: 7px;
    box-sizing: border-box;
    width: max-content;
    max-width: 330px;
    padding: 13px 15px 14px;
    border-radius: var(--ain-radius-lg);
    background: rgba(34, 31, 26, 0.96);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 8px 24px rgba(var(--ain-teal-rgb), 0.26), 0 20px 48px rgba(var(--ain-teal-rgb), 0.20), inset 0 1px 0 rgba(var(--ain-white-rgb), 0.08);
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(-4px);
    transition: opacity var(--ain-dur-fast) ease, visibility var(--ain-dur-fast), transform var(--ain-dur-fast) cubic-bezier(0.2, 0.8, 0.2, 1);
}

    .bs-tier-info-pop[b-sh5g6cp02q]::before {
        content: "";
        position: absolute;
        top: -4px;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-left: -5px;
        border-radius: var(--ain-radius-2xs);
        background: rgba(34, 31, 26, 0.96);
        transform: rotate(45deg);
    }

.bs-tier-info:hover .bs-tier-info-pop[b-sh5g6cp02q],
.bs-tier-info-btn:focus-visible + .bs-tier-info-pop[b-sh5g6cp02q] {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    transition-delay: 0.16s;
}

.bs-tier-info-lead[b-sh5g6cp02q] {
    font-family: var(--ain-font-display);
    font-size: var(--ain-fs-135);
    font-weight: 600;
    line-height: 1.3;
    color: #fdfbf7;
}

.bs-tier-info-state[b-sh5g6cp02q] {
    font-size: var(--ain-fs-125);
    font-weight: 500;
    line-height: 1.45;
    color: rgba(253, 251, 247, 0.88);
}

.bs-tier-info-action[b-sh5g6cp02q] {
    font-size: var(--ain-fs-125);
    font-weight: 400;
    line-height: 1.45;
    color: rgba(253, 251, 247, 0.58);
}

@media (prefers-reduced-motion: reduce) {
    .bs-tier-info-pop[b-sh5g6cp02q] {
        transition: opacity var(--ain-dur-fast) ease, visibility var(--ain-dur-fast);
        transform: translateX(-50%);
    }

    .bs-tier-info:hover .bs-tier-info-pop[b-sh5g6cp02q],
    .bs-tier-info-btn:focus-visible + .bs-tier-info-pop[b-sh5g6cp02q] {
        transform: translateX(-50%);
    }
}

.bs-tier-descriptor[b-sh5g6cp02q] {
    text-align: center;
    font-size: var(--ain-fs-115);
    line-height: 1.5;
    letter-spacing: 0.07em;
    color: #aba599;
    font-weight: 400;
    margin: -4px 0 26px;
    padding: 0 12px;
}

.bs-tier-pill-threshold[b-sh5g6cp02q] {
    background: linear-gradient(168deg, #ffeec4 0%, #ffdb93 100%);
    border-color: rgba(194, 65, 12, 0.34);
}

    .bs-tier-pill-threshold .bs-tier-pill-icon[b-sh5g6cp02q] {
        color: #c2410c;
    }

    .bs-tier-pill-threshold .bs-tier-pill-name[b-sh5g6cp02q],
    .bs-tier-pill-threshold .bs-tier-pill-count[b-sh5g6cp02q] {
        color: #7c2d12;
    }

    .bs-tier-pill-threshold .bs-tier-pill-fraction[b-sh5g6cp02q],
    .bs-tier-pill-threshold .bs-tier-info-btn[b-sh5g6cp02q] {
        color: #9a3412;
    }

.bs-tier-pill-icon.is-generating[b-sh5g6cp02q] {
    animation: bs-tier-pill-icon-pulse-b-sh5g6cp02q 1.2s ease-in-out infinite;
}

@keyframes bs-tier-pill-icon-pulse-b-sh5g6cp02q {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.55;
        transform: scale(1.18);
    }
}

.bs-tier-pill.is-generating[b-sh5g6cp02q] {
    animation: bs-tier-pill-breathe-b-sh5g6cp02q 1.8s ease-in-out infinite;
}

@keyframes bs-tier-pill-breathe-b-sh5g6cp02q {
    0%, 100% {
        box-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.18), 0 12px 28px -10px rgba(var(--ain-umber-rgb), 0.44), 0 0 0 0 rgba(var(--ain-signal-rgb), 0);
    }

    50% {
        box-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.18), 0 12px 28px -10px rgba(var(--ain-umber-rgb), 0.44), 0 0 0 5px rgba(var(--ain-signal-rgb), 0.18);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bs-tier-pill-icon.is-generating[b-sh5g6cp02q] {
        animation: none;
        opacity: 0.7;
    }

    .bs-tier-pill.is-generating[b-sh5g6cp02q] {
        animation: none;
        box-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.18), 0 12px 28px -10px rgba(var(--ain-umber-rgb), 0.44), 0 0 0 3px rgba(var(--ain-signal-rgb), 0.14);
    }
}

.bs-ainna-line[b-sh5g6cp02q] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    margin: 0 auto 24px;
    padding: 0 16px;
    max-width: min(640px, calc(100% - 32px));
    font-size: var(--ain-fs-125);
    line-height: 1.45;
    text-align: left;
    color: var(--ws-ink-3, #475569);
    font-weight: 400;
}

.bs-ainna-line-icon[b-sh5g6cp02q] {
    flex-shrink: 0;
    font-size: var(--ain-fs-125);
    margin-top: 2px;
}

.bs-ainna-line-text[b-sh5g6cp02q] {
    flex: 0 1 auto;
}

.bs-ainna-line-ambient[b-sh5g6cp02q] {
    font-size: var(--ain-fs-115);
    line-height: 1.5;
    letter-spacing: 0.07em;
    color: #aba599;
    justify-content: center;
    text-align: center;
}

    .bs-ainna-line-ambient .bs-ainna-line-text[b-sh5g6cp02q] {
        flex: 0 0 auto;
    }

.bs-ainna-line-progress[b-sh5g6cp02q] {
    color: var(--ws-ink-2, #334155);
}

.bs-ainna-line-dots[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 5px;
    flex-shrink: 0;
}

.bs-ainna-line-dot[b-sh5g6cp02q] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--ain-signal);
    opacity: 0.4;
    animation: bs-ainna-line-pulse-b-sh5g6cp02q 1.2s ease-in-out infinite;
}

    .bs-ainna-line-dot:nth-child(2)[b-sh5g6cp02q] {
        animation-delay: 0.22s;
    }

    .bs-ainna-line-dot:nth-child(3)[b-sh5g6cp02q] {
        animation-delay: 0.44s;
    }

@keyframes bs-ainna-line-pulse-b-sh5g6cp02q {
    0%, 100% {
        opacity: 0.30;
        transform: scale(1);
    }

    40% {
        opacity: 1;
        transform: scale(1.4);
    }
}

.bs-ainna-line-success[b-sh5g6cp02q] {
    color: var(--ws-ink-2, #334155);
}

    .bs-ainna-line-success .bs-ainna-line-icon[b-sh5g6cp02q] {
        color: var(--ain-signal);
    }

.bs-ainna-line-lead[b-sh5g6cp02q] {
    font-weight: 600;
    color: var(--ws-ink-1, #0f172a);
}

.bs-ainna-line-cta[b-sh5g6cp02q] {
    display: block;
    margin-top: 3px;
    color: var(--ws-ink-3, #475569);
    font-size: var(--ain-fs-125);
}

.bs-ainna-line-actionable[b-sh5g6cp02q] {
    color: var(--ws-ink-2, #334155);
}

    .bs-ainna-line-actionable .bs-ainna-line-icon[b-sh5g6cp02q] {
        color: #d97706;
    }

.bs-ainna-line-prompt[b-sh5g6cp02q] {
    color: var(--ws-ink-2, #334155);
}

    .bs-ainna-line-prompt .bs-ainna-line-icon[b-sh5g6cp02q] {
        color: #d97706;
    }

@media (prefers-reduced-motion: reduce) {
    .bs-ainna-line-dot[b-sh5g6cp02q] {
        animation: none;
        opacity: 0.6;
    }
}

.bs-tier-empty[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 0;
    opacity: 0.55;
}

.bs-tier-empty-working[b-sh5g6cp02q] {
    opacity: 1;
    flex: 1;
    min-height: 220px;
}

.bs-tier-empty-message[b-sh5g6cp02q] {
    font-family: var(--ain-font-display);
    font-size: var(--ain-fs-160);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: var(--ws-ink-4, #64748b);
    text-align: center;
    margin: 0;
    max-width: 360px;
    padding: 0 24px;
}

.bs-tier-cards[b-sh5g6cp02q] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-content: flex-start;
    justify-content: center;
}

.bs-tier-killed[b-sh5g6cp02q] {
    background: transparent;
    --tier-swatch: linear-gradient(168deg, #fdf9e0 0%, #f7eec2 100%);
    --tier-glyph: var(--ain-umber-400);
    --tier-pill-ink: var(--ain-umber-600);
    --tier-pill-ink-2: var(--ain-umber-400);
    --tier-pill-edge: rgba(var(--ain-ochre-rgb), 0.22);
    --tier-pill-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.14), 0 12px 28px -12px rgba(var(--ain-umber-rgb), 0.34);
    --tier-accent-ink: #64748b;
    --tier-wash: rgba(100, 116, 139, 0.10);
    --tier-rule: rgba(100, 116, 139, 0.24);
    --tier-strip: rgba(100, 116, 139, 0.04);
}

@keyframes bs-card-enter-b-sh5g6cp02q {
    from {
        opacity: 0;
        transform: rotate(calc(var(--card-rot, 0deg) + var(--enter-rot, 0deg))) scale(var(--enter-scale, 0.96)) translateY(var(--enter-y, 4px));
    }
}

@keyframes bs-ghost-enter-b-sh5g6cp02q {
    0% {
        opacity: 0;
        transform: scale(0.85) rotate(calc(var(--card-rot, 0deg) + 4deg)) translateY(8px);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(var(--card-rot, 0deg)) translateY(0);
    }
}

@keyframes bs-ghost-shimmer-sweep-b-sh5g6cp02q {
    0% {
        transform: translateX(-100%) skewX(-15deg);
    }

    100% {
        transform: translateX(220%) skewX(-15deg);
    }
}

@keyframes bs-ghost-breathe-b-sh5g6cp02q {
    0%, 100% {
        opacity: 0.55;
    }

    50% {
        opacity: 0.85;
    }
}

.bs-idea-card[b-sh5g6cp02q] {
    --paper-1: var(--ain-paper-1);
    --paper-2: var(--ain-paper-2);
    --paper-edge: rgba(var(--ain-ochre-rgb), 0.20);
    --paper-ink-1: var(--ain-umber-900);
    --paper-ink-2: var(--ain-umber-700);
    --paper-ink-3: var(--ain-umber-500);
    flex: 0 0 auto;
    width: 360px;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    padding: 20px 22px 16px;
    border-radius: var(--ain-radius-md);
    border: none;
    background: linear-gradient(168deg, var(--paper-1) 0%, var(--paper-2) 100%);
    cursor: pointer;
    transition: opacity var(--ain-dur-fast) ease, transform var(--ain-dur-base) cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow var(--ain-dur-base) ease, min-height var(--ain-dur-base) cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    transform: rotate(var(--card-rot, 0deg)) translateY(0);
    animation: bs-card-enter-b-sh5g6cp02q 0.26s ease backwards;
    overflow: hidden;
    user-select: none;
    box-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.16), 0 12px 24px -14px rgba(var(--ain-umber-rgb), 0.42), inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.40), inset 0 -26px 34px -30px rgba(var(--ain-ochre-rgb), 0.45);
}

    .bs-idea-card.bs-idea-card-revealing[b-sh5g6cp02q] {
        --enter-rot: 14deg;
        --enter-scale: 0.7;
        --enter-y: -12px;
        animation-duration: 0.52s;
        animation-timing-function: cubic-bezier(0.22, 1.2, 0.36, 1);
        animation-delay: var(--reveal-delay, 0ms);
    }

    .bs-idea-card[b-sh5g6cp02q]::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: repeating-linear-gradient( 135deg, rgba(var(--ain-white-rgb), 0.05) 0, rgba(var(--ain-white-rgb), 0.05) 1px, transparent 1px, transparent 3px );
        pointer-events: none;
        z-index: 0;
    }

    .bs-idea-card > *[b-sh5g6cp02q] {
        position: relative;
        z-index: 1;
    }

    .bs-idea-card:hover[b-sh5g6cp02q] {
        transform: rotate(0deg) translateY(-3px);
        box-shadow: 0 2px 4px rgba(var(--ain-umber-rgb), 0.18), 0 20px 34px -16px rgba(var(--ain-umber-rgb), 0.46), inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.48), inset 0 -26px 34px -30px rgba(var(--ain-ochre-rgb), 0.40);
        z-index: 2;
    }

    .bs-idea-card.bs-card-moving-out[b-sh5g6cp02q] {
        opacity: 0;
        transform: rotate(var(--card-rot, 0deg)) scale(0.94);
        pointer-events: none;
        box-shadow: none;
    }

    .bs-idea-card.bs-idea-card-selected[b-sh5g6cp02q] {
        z-index: 3;
        transform: rotate(0deg) translateY(-4px);
        box-shadow: 0 0 0 1.5px rgba(var(--ain-umber-rgb), 0.28), 0 2px 4px rgba(var(--ain-umber-rgb), 0.14), 0 22px 40px -18px rgba(var(--ain-umber-rgb), 0.50), inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.45);
    }

        .bs-idea-card.bs-idea-card-selected:hover[b-sh5g6cp02q] {
            transform: rotate(0deg) translateY(-4px);
        }

    .bs-idea-card.bs-idea-card-dimmed[b-sh5g6cp02q] {
        opacity: 0.42;
    }

        .bs-idea-card.bs-idea-card-dimmed:hover[b-sh5g6cp02q] {
            opacity: 0.88;
        }

    .bs-idea-card.bs-idea-card-feedback-open[b-sh5g6cp02q] {
        min-height: 420px;
        transform: rotate(0deg) translateY(0);
    }

        .bs-idea-card.bs-idea-card-feedback-open:hover[b-sh5g6cp02q] {
            transform: rotate(0deg) translateY(-2px);
        }

.bs-idea-card-pending[b-sh5g6cp02q],
.bs-idea-card-parked[b-sh5g6cp02q] {
    --paper-1: var(--ain-paper-1);
    --paper-2: var(--ain-paper-2);
}

.bs-idea-card-killed[b-sh5g6cp02q] {
    --paper-1: #fdf9e0;
    --paper-2: #f7eec2;
    --paper-ink-1: var(--ain-umber-500);
    --paper-ink-2: #7d7043;
    --paper-ink-3: var(--ain-umber-400);
}

.bs-idea-card-parked[b-sh5g6cp02q] {
    --paper-ink-1: #453a1a;
    --paper-ink-2: var(--ain-umber-500);
}

.bs-idea-card-killed .bs-idea-title[b-sh5g6cp02q] {
    text-decoration: line-through;
    text-decoration-color: rgba(var(--ain-umber-rgb), 0.34);
}

.bs-idea-card-ghost[b-sh5g6cp02q] {
    flex: 0 0 auto;
    width: 360px;
    min-height: 400px;
    padding: 20px 22px 16px;
    border-radius: var(--ain-radius-md);
    background: linear-gradient(168deg, #fffbe4 0%, #fff3bd 100%);
    position: relative;
    transform: rotate(var(--card-rot, 0deg));
    cursor: default;
    overflow: hidden;
    user-select: none;
    box-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.12), 0 10px 20px -14px rgba(var(--ain-umber-rgb), 0.34), inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.45);
    animation: bs-ghost-enter-b-sh5g6cp02q 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both;
    animation-delay: var(--ghost-delay, 0ms);
    display: flex;
    flex-direction: column;
    gap: 9px;
}

    .bs-idea-card-ghost[b-sh5g6cp02q]::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: repeating-linear-gradient( 135deg, rgba(var(--ain-white-rgb), 0.04) 0, rgba(var(--ain-white-rgb), 0.04) 1px, transparent 1px, transparent 3px );
        pointer-events: none;
        z-index: 0;
    }

.bs-ghost-shimmer[b-sh5g6cp02q] {
    position: absolute;
    top: -10%;
    left: -50%;
    width: 60%;
    height: 120%;
    background: linear-gradient( 90deg, rgba(var(--ain-white-rgb), 0) 0%, rgba(var(--ain-white-rgb), 0.55) 50%, rgba(var(--ain-white-rgb), 0) 100% );
    pointer-events: none;
    z-index: 1;
    animation: bs-ghost-shimmer-sweep-b-sh5g6cp02q 1.6s linear infinite;
    animation-delay: var(--ghost-delay, 0ms);
}

.bs-ghost-line[b-sh5g6cp02q] {
    position: relative;
    z-index: 2;
    background: rgba(var(--ain-ochre-rgb), 0.16);
    border-radius: var(--ain-radius-xs);
    height: 10px;
    animation: bs-ghost-breathe-b-sh5g6cp02q 1.8s ease-in-out infinite;
}

.bs-ghost-line-codename[b-sh5g6cp02q] {
    width: 36%;
    height: 13px;
    border-radius: var(--ain-radius-pill);
    background: rgba(var(--ain-ochre-rgb), 0.24);
    margin-bottom: 4px;
}

.bs-ghost-line-title[b-sh5g6cp02q] {
    width: 88%;
    height: 17px;
    background: rgba(var(--ain-ochre-rgb), 0.20);
}

.bs-ghost-line-title-short[b-sh5g6cp02q] {
    width: 60%;
    margin-bottom: 4px;
}

.bs-ghost-line-formfactor[b-sh5g6cp02q] {
    width: 50%;
    height: 9px;
    background: rgba(var(--ain-ochre-rgb), 0.13);
    margin-bottom: 4px;
}

.bs-ghost-line-body[b-sh5g6cp02q] {
    width: 100%;
    height: 9px;
    background: rgba(var(--ain-ochre-rgb), 0.13);
}

.bs-ghost-line-body-short[b-sh5g6cp02q] {
    width: 66%;
}

.bs-idea-card-top[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.bs-idea-codename[b-sh5g6cp02q] {
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 600;
    color: var(--paper-ink-3, var(--ain-umber-500));
    letter-spacing: 0.09em;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.bs-idea-new-badge[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 6px;
    border-radius: var(--ain-radius-xs);
    background: rgba(var(--ain-signal-rgb), 0.10);
    color: var(--ain-signal-ink);
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    flex-shrink: 0;
    cursor: default;
}

.bs-idea-title[b-sh5g6cp02q] {
    font-size: var(--ain-fs-200);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.022em;
    color: var(--paper-ink-1, var(--ain-umber-900));
    margin: 0 0 7px;
    font-family: var(--ain-font-display);
    text-wrap: balance;
}

.bs-idea-formfactor[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0 0 11px;
    font-family: var(--ain-font-display);
    font-style: italic;
    font-size: var(--ain-fs-125);
    line-height: 1.3;
    letter-spacing: -0.005em;
    color: var(--paper-ink-3, var(--ain-umber-500));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .bs-idea-formfactor i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-105);
        opacity: 0.75;
        flex: 0 0 auto;
    }

    .bs-idea-formfactor span[b-sh5g6cp02q] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
    }

.bs-idea-brief[b-sh5g6cp02q] {
    font-size: var(--ain-fs-145);
    line-height: 1.52;
    letter-spacing: -0.003em;
    color: var(--paper-ink-2, var(--ain-umber-700));
    margin: 0 0 12px;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.bs-idea-foot[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
}

.bs-idea-byline[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    min-width: 0;
    flex-shrink: 1;
    margin-right: 2px;
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: var(--paper-ink-3, var(--ain-umber-500));
    cursor: default;
    transition: opacity var(--ain-dur-fast) ease;
}

.bs-idea-byline-who[b-sh5g6cp02q] {
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bs-idea-byline-dot[b-sh5g6cp02q] {
    opacity: 0.45;
    flex-shrink: 0;
}

.bs-idea-byline-when[b-sh5g6cp02q] {
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
    opacity: 0.78;
    font-variant-numeric: tabular-nums;
}

@media (hover: hover) {
    .bs-idea-card:hover .bs-idea-byline[b-sh5g6cp02q] {
        opacity: 0.6;
    }
}

.bs-chip[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 9px;
    background: rgba(var(--ain-white-rgb), 0.80);
    border: 1px solid var(--paper-edge, transparent);
    border-radius: var(--ain-radius-pill);
    box-shadow: 0 1px 1px rgba(var(--ain-umber-rgb), 0.08);
    font-family: inherit;
    font-size: var(--ain-fs-105);
    font-weight: 600;
    color: var(--paper-ink-2, var(--ain-umber-700));
    transition: all var(--ain-dur-fast) ease;
    line-height: 1.4;
    flex-shrink: 0;
}

    .bs-chip i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-105);
    }

.bs-chip-comment[b-sh5g6cp02q] {
    cursor: pointer;
}

    .bs-chip-comment:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-signal-rgb), 0.08);
        border-color: rgba(var(--ain-signal-rgb), 0.22);
        color: var(--ain-signal-ink);
    }

    .bs-chip-comment.active[b-sh5g6cp02q] {
        color: var(--paper-ink-1, var(--ain-umber-900));
    }

        .bs-chip-comment.active:hover[b-sh5g6cp02q] {
            background: rgba(var(--ain-signal-rgb), 0.10);
            border-color: rgba(var(--ain-signal-rgb), 0.28);
            color: var(--ain-signal-ink);
        }

    .bs-chip-comment.open[b-sh5g6cp02q] {
        background: linear-gradient(135deg, rgba(var(--ain-signal-rgb), 0.12), rgba(139, 92, 246, 0.10));
        border-color: rgba(var(--ain-signal-rgb), 0.40);
        color: var(--ain-signal-deep);
    }

.bs-card-actions[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    flex-shrink: 0;
}

@media (hover: hover) {
    .bs-idea-card :is(.bs-card-actions, .bs-chip-edit, .bs-chip-comment:not(.active))[b-sh5g6cp02q] {
        opacity: 0;
        transform: translateY(3px);
        pointer-events: none;
        transition: opacity var(--ain-dur-fast) ease, transform var(--ain-dur-fast) cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .bs-idea-card:is(:hover, :focus-within, .bs-idea-card-selected, .bs-idea-card-feedback-open, :has(.bs-card-action-kill.pending)) :is(.bs-card-actions, .bs-chip-edit, .bs-chip-comment:not(.active))[b-sh5g6cp02q] {
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }
}

@media (hover: hover) and (prefers-reduced-motion: reduce) {
    .bs-idea-card :is(.bs-card-actions, .bs-chip-edit, .bs-chip-comment:not(.active))[b-sh5g6cp02q] {
        transform: none;
        transition: opacity var(--ain-dur-fast) ease;
    }
}

.bs-idea-state-tag[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px;
    border-radius: var(--ain-radius-xs);
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1;
    flex-shrink: 0;
    cursor: default;
}

.bs-idea-state-tag-parked[b-sh5g6cp02q] {
    background: rgba(var(--ain-ochre-rgb), 0.14);
    color: var(--ain-umber-500);
}

.bs-idea-state-tag-killed[b-sh5g6cp02q] {
    background: rgba(var(--ain-ochre-rgb), 0.12);
    color: var(--ain-umber-400);
}

.bs-card-action[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: rgba(var(--ain-white-rgb), 0.80);
    border: 1px solid var(--paper-edge, #e2e8f0);
    border-radius: var(--ain-radius-sm);
    color: var(--paper-ink-2, var(--ain-umber-700));
    cursor: pointer;
    font-size: var(--ain-fs-105);
    transition: all var(--ain-dur-fast) ease;
    box-shadow: 0 1px 1px rgba(var(--ain-umber-rgb), 0.08);
}

    .bs-card-action:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-slate-rgb), 0.04);
        color: var(--ws-ink-1, #0f172a);
    }

    .bs-card-action.disabled[b-sh5g6cp02q],
    .bs-card-action:disabled[b-sh5g6cp02q] {
        opacity: 0.35;
        cursor: not-allowed;
    }

.bs-card-action-promote:hover[b-sh5g6cp02q] {
    border-color: rgba(16, 185, 129, 0.50);
    background: rgba(16, 185, 129, 0.08);
    color: #047857;
}

.bs-card-action-park:hover[b-sh5g6cp02q] {
    border-color: rgba(100, 116, 139, 0.45);
    background: rgba(100, 116, 139, 0.08);
    color: #475569;
}

.bs-card-action-reset:hover[b-sh5g6cp02q] {
    border-color: rgba(var(--ain-signal-rgb), 0.45);
    background: rgba(var(--ain-signal-rgb), 0.08);
    color: var(--ain-signal-ink);
}

.bs-card-action-kill:hover[b-sh5g6cp02q] {
    border-color: rgba(185, 28, 28, 0.45);
    background: rgba(185, 28, 28, 0.08);
    color: #b91c1c;
}

.bs-card-action-kill.pending[b-sh5g6cp02q] {
    width: auto;
    padding: 0 9px;
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    border-color: transparent;
    color: white;
    font-size: var(--ain-fs-105);
    font-weight: 700;
    letter-spacing: 0.02em;
    gap: 5px;
    animation: bs-kill-pending-pulse-b-sh5g6cp02q 1.4s ease-in-out infinite;
}

    .bs-card-action-kill.pending:hover[b-sh5g6cp02q] {
        background: linear-gradient(135deg, #dc2626, #991b1b);
        color: white;
    }


@keyframes bs-kill-pending-pulse-b-sh5g6cp02q {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.35);
    }

    50% {
        box-shadow: 0 0 0 4px rgba(239, 68, 68, 0);
    }
}

.bs-idea-title-edit[b-sh5g6cp02q],
.bs-idea-brief-edit[b-sh5g6cp02q] {
    -webkit-user-select: text;
    user-select: text;
    cursor: text;
    width: 100%;
    box-sizing: border-box;
    border: none;
    outline: none;
    border-radius: var(--ain-radius-sm);
    background: rgba(var(--ain-white-rgb), 0.52);
    padding: 4px 7px;
    margin: -4px -7px;
    caret-color: rgba(var(--ain-signal-rgb), 0.9);
    font-family: inherit;
}

.bs-idea-title-edit[b-sh5g6cp02q] {
    font-family: var(--ain-font-display);
}

.bs-idea-brief-edit[b-sh5g6cp02q] {
    resize: none;
    display: block;
    margin-top: 8px;
    overflow-y: auto;
    -webkit-line-clamp: unset;
}

    .bs-idea-title-edit:focus[b-sh5g6cp02q],
    .bs-idea-brief-edit:focus[b-sh5g6cp02q] {
        background: rgba(var(--ain-white-rgb), 0.82);
        box-shadow: 0 0 0 1px rgba(var(--ain-ochre-rgb), 0.30);
    }

    .bs-idea-title-edit:disabled[b-sh5g6cp02q],
    .bs-idea-brief-edit:disabled[b-sh5g6cp02q] {
        opacity: 0.55;
    }

.bs-idea-edit-actions[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 12px;
}

.bs-idea-edit-cancel[b-sh5g6cp02q] {
    height: 30px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: var(--ain-radius-sm);
    background: transparent;
    outline: none;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--ain-fs-125);
    font-weight: 600;
    line-height: 1;
    color: var(--paper-ink-3, var(--ain-umber-500));
    transition: background var(--ain-dur-fast) ease, color var(--ain-dur-fast) ease;
}

    .bs-idea-edit-cancel:hover:not(:disabled)[b-sh5g6cp02q] {
        background: rgba(var(--ain-white-rgb), 0.62);
        color: var(--paper-ink-1, var(--ain-umber-900));
    }

.bs-idea-edit-save[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 30px;
    padding: 0 16px;
    border: none;
    border-radius: var(--ain-radius-sm);
    background: linear-gradient(180deg, #3b3115 0%, var(--ain-umber-900) 100%);
    color: #fffaf0;
    outline: none;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--ain-fs-125);
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.28), 0 6px 14px -8px rgba(var(--ain-umber-rgb), 0.50);
    transition: background var(--ain-dur-fast) ease, transform var(--ain-dur-fast) ease, box-shadow var(--ain-dur-fast) ease;
}

    .bs-idea-edit-save:hover:not(:disabled)[b-sh5g6cp02q] {
        background: linear-gradient(180deg, #4a3d1b 0%, #2e2409 100%);
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(var(--ain-umber-rgb), 0.30), 0 10px 20px -8px rgba(var(--ain-umber-rgb), 0.55);
    }

    .bs-idea-edit-save:active:not(:disabled)[b-sh5g6cp02q] {
        transform: translateY(0);
        box-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.30);
    }

    .bs-idea-edit-save:focus-visible[b-sh5g6cp02q],
    .bs-idea-edit-cancel:focus-visible[b-sh5g6cp02q] {
        outline: none;
        box-shadow: 0 0 0 3px rgba(var(--ain-ochre-rgb), 0.32);
    }

    .bs-idea-edit-save:disabled[b-sh5g6cp02q],
    .bs-idea-edit-cancel:disabled[b-sh5g6cp02q] {
        opacity: 0.42;
        cursor: not-allowed;
        box-shadow: none;
    }

.bs-chip-edit:hover[b-sh5g6cp02q] {
    color: rgba(79, 82, 221, 0.95);
}

.bs-idea-card-draft[b-sh5g6cp02q] {
    border-color: rgba(var(--ain-signal-rgb), 0.35);
    box-shadow: 0 1px 2px rgba(var(--ain-signal-rgb), 0.08), 0 10px 26px -10px rgba(var(--ain-signal-rgb), 0.24);
    transform: none;
}

.bs-idea-codename-pending[b-sh5g6cp02q] {
    color: rgba(79, 82, 221, 0.9);
}

.bs-tier-pill-add[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(var(--ain-white-rgb), 0.66);
    color: var(--tier-accent-ink, var(--ain-signal-deep));
    cursor: pointer;
    transition: background var(--ain-dur-fast) ease, transform 120ms ease;
}

    .bs-tier-pill-add:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-white-rgb), 0.92);
        transform: scale(1.08);
    }

    .bs-tier-pill-add i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-105);
    }

.bs-graduate-action[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    padding: 9px 12px;
    margin: 12px 0 4px;
    background: linear-gradient(135deg, #15803d, #166534);
    color: white;
    border: none;
    border-radius: var(--ain-radius-sm);
    cursor: pointer;
    font-family: inherit;
    font-size: var(--ain-fs-125);
    font-weight: 700;
    letter-spacing: -0.005em;
    transition: all var(--ain-dur-fast) ease;
    box-shadow: 0 2px 6px rgba(21, 128, 61, 0.28);
}

    .bs-graduate-action:hover[b-sh5g6cp02q] {
        transform: translateY(-1px);
        background: linear-gradient(135deg, #166534, #14532d);
        box-shadow: 0 4px 12px rgba(21, 128, 61, 0.40);
    }

    .bs-graduate-action:active[b-sh5g6cp02q] {
        transform: translateY(0);
        box-shadow: 0 1px 3px rgba(21, 128, 61, 0.30);
    }

    .bs-graduate-action i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-115);
    }

@keyframes bs-skel-pulse-b-sh5g6cp02q {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.55;
    }
}

.bs-skeleton-hero > div[b-sh5g6cp02q],
.bs-skeleton-element-card[b-sh5g6cp02q] {
    background: linear-gradient(90deg, rgba(var(--ain-slate-rgb), 0.05) 0%, rgba(var(--ain-slate-rgb), 0.09) 50%, rgba(var(--ain-slate-rgb), 0.05) 100%);
    border-radius: var(--ain-radius-sm);
    animation: bs-skel-pulse-b-sh5g6cp02q 1.4s ease-in-out infinite;
}

.bs-skeleton-left[b-sh5g6cp02q] {
    padding: 32px 36px 28px;
}

.bs-skeleton-hero[b-sh5g6cp02q] {
    margin-bottom: 24px;
}

.bs-skeleton-eyebrow[b-sh5g6cp02q] {
    height: 11px;
    width: 60px;
    margin-bottom: 14px;
}

.bs-skeleton-title[b-sh5g6cp02q] {
    height: 28px;
    width: 80%;
    margin-bottom: 10px;
}

.bs-skeleton-subtitle[b-sh5g6cp02q] {
    height: 14px;
    width: 60%;
}

.bs-skeleton-element-grid[b-sh5g6cp02q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}

.bs-skeleton-element-card[b-sh5g6cp02q] {
    height: 90px;
}

.bs-tier-working.bs-tier-over-threshold[b-sh5g6cp02q] {
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.06) 0%, rgba(245, 158, 11, 0.02) 100%);
}

.brainstorm-main[b-sh5g6cp02q] {
    --bs-canvas-rgb: 250, 248, 244;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: rgb(var(--bs-canvas-rgb));
    position: relative;
    overflow: hidden;
    container-type: inline-size;
    container-name: bs-main;
}

    .brainstorm-main > .bs-state-empty[b-sh5g6cp02q],
    .brainstorm-main > .bs-state-error[b-sh5g6cp02q],
    .brainstorm-main > .bs-state-framing[b-sh5g6cp02q],
    .brainstorm-main > .bs-state-failed[b-sh5g6cp02q],
    .brainstorm-main > .bs-skeleton-left[b-sh5g6cp02q] {
        flex: 1;
        min-height: 0;
    }

.bs-mini-cockpit[b-sh5g6cp02q] {
    --island-1: rgba(255, 253, 250, 0.56);
    --island-2: rgba(248, 244, 236, 0.70);
    --island-edge: rgba(var(--ain-ochre-rgb), 0.16);
    --island-ink-1: #3f3617;
    --island-ink-2: var(--ain-umber-500);
    --island-ink-3: rgba(var(--ain-umber-rgb), 0.40);
    --island-field: rgba(var(--ain-white-rgb), 0.74);
    --island-accent: #d40a64;
    position: absolute;
    bottom: 20px;
    left: 12px;
    right: 12px;
    margin-inline: auto;
    width: min(1000px, calc(100% - 24px));
    box-sizing: border-box;
    z-index: var(--ain-z-cockpit);
    display: flex;
    align-items: center;
    gap: 0;
    padding: 10px 12px 10px 20px;
    background: linear-gradient(180deg, var(--island-1) 0%, var(--island-2) 100%);
    backdrop-filter: blur(40px) saturate(200%) brightness(1.05);
    -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(1.05);
    border: 1px solid var(--island-edge);
    border-radius: var(--ain-radius-pill);
    color: var(--island-ink-1);
    box-shadow: inset 0 1px 0 rgba(var(--ain-white-rgb), 1), inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.42), inset 0 -13px 22px -14px rgba(var(--ain-umber-rgb), 0.48), inset 0 -1px 0 rgba(var(--ain-ochre-rgb), 0.08), 0 1px 2px rgba(var(--ain-umber-rgb), 0.12), 0 -2px 8px rgba(var(--ain-umber-rgb), 0.09), 0 -16px 40px rgba(var(--ain-umber-rgb), 0.20), 0 -36px 84px rgba(var(--ain-umber-rgb), 0.14), 0 -20px 60px rgba(var(--ain-accent-rgb), 0.12);
    transition: box-shadow var(--ain-dur-base) ease, background var(--ain-dur-base) ease;
}

    .bs-mini-cockpit[b-sh5g6cp02q]::before {
        content: "";
        position: absolute;
        inset: 1px;
        border-radius: inherit;
        background: radial-gradient(132% 92% at 50% -30%, rgba(var(--ain-white-rgb), 0.92) 0%, rgba(var(--ain-white-rgb), 0.34) 36%, rgba(var(--ain-white-rgb), 0) 68%);
        pointer-events: none;
        z-index: 0;
    }

    .bs-mini-cockpit > *[b-sh5g6cp02q] {
        position: relative;
        z-index: 1;
    }

    .bs-mini-cockpit:hover:not(.is-locked)[b-sh5g6cp02q] {
        box-shadow: inset 0 1px 0 rgba(var(--ain-white-rgb), 1), inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.52), inset 0 -13px 22px -14px rgba(var(--ain-umber-rgb), 0.48), inset 0 -1px 0 rgba(var(--ain-ochre-rgb), 0.08), 0 1px 2px rgba(var(--ain-umber-rgb), 0.14), 0 -2px 8px rgba(var(--ain-umber-rgb), 0.11), 0 -18px 46px rgba(var(--ain-umber-rgb), 0.24), 0 -40px 94px rgba(var(--ain-umber-rgb), 0.17), 0 -22px 66px rgba(var(--ain-accent-rgb), 0.18);
    }

    .bs-mini-cockpit.is-busy[b-sh5g6cp02q] {
        background: linear-gradient(180deg, rgba(255, 254, 252, 0.66) 0%, rgba(250, 247, 242, 0.78) 100%);
        animation: bs-pill-thinking-b-sh5g6cp02q 2.2s ease-in-out infinite;
    }

@keyframes bs-pill-thinking-b-sh5g6cp02q {
    0%, 100% {
        box-shadow: inset 0 1px 0 rgba(var(--ain-white-rgb), 1), inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.42), inset 0 -13px 22px -14px rgba(var(--ain-umber-rgb), 0.48), inset 0 -1px 0 rgba(var(--ain-ochre-rgb), 0.08), 0 1px 2px rgba(var(--ain-umber-rgb), 0.12), 0 -2px 8px rgba(var(--ain-umber-rgb), 0.09), 0 -16px 40px rgba(var(--ain-umber-rgb), 0.20), 0 -36px 84px rgba(var(--ain-umber-rgb), 0.14), 0 -20px 60px rgba(var(--ain-accent-rgb), 0.14);
    }

    50% {
        box-shadow: inset 0 1px 0 rgba(var(--ain-white-rgb), 1), inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.52), inset 0 -13px 22px -14px rgba(var(--ain-umber-rgb), 0.48), inset 0 -1px 0 rgba(var(--ain-ochre-rgb), 0.08), 0 1px 2px rgba(var(--ain-umber-rgb), 0.14), 0 -2px 8px rgba(var(--ain-umber-rgb), 0.11), 0 -18px 46px rgba(var(--ain-umber-rgb), 0.24), 0 -40px 94px rgba(var(--ain-umber-rgb), 0.18), 0 -26px 74px rgba(var(--ain-accent-rgb), 0.34);
    }
}

@supports ((-webkit-mask-composite: xor) or (mask-composite: exclude)) {
    .bs-mini-cockpit[b-sh5g6cp02q] {
        border-color: transparent;
    }

        .bs-mini-cockpit[b-sh5g6cp02q]::after {
            content: "";
            position: absolute;
            inset: 0;
            padding: 1px;
            border-radius: inherit;
            background: linear-gradient(170deg, rgba(var(--ain-white-rgb), 0.98) 0%, rgba(var(--ain-white-rgb), 0.34) 28%, rgba(var(--ain-ochre-rgb), 0.22) 62%, rgba(var(--ain-accent-rgb), 0.30) 100%);
            -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
            z-index: 2;
        }
}

.bs-mini-cockpit-title[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 4px 0 2px;
    flex: 0 0 auto;
}

.bs-mini-cockpit-title-dot[b-sh5g6cp02q] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ain-accent);
    box-shadow: 0 0 8px rgba(var(--ain-accent-rgb), 0.55);
    flex: 0 0 auto;
}

.bs-mini-cockpit-title-label[b-sh5g6cp02q] {
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--island-ink-1);
    white-space: nowrap;
}

.bs-mini-cockpit-divider[b-sh5g6cp02q] {
    flex: 0 0 auto;
    width: 1px;
    height: 26px;
    margin: 0 15px;
    background: linear-gradient(180deg, rgba(var(--ain-ochre-rgb), 0) 0%, rgba(var(--ain-ochre-rgb), 0.22) 50%, rgba(var(--ain-ochre-rgb), 0) 100%);
}

.bs-mini-cockpit-zone[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.bs-mini-cockpit-zone-slider[b-sh5g6cp02q] {
    gap: 9px;
}

.bs-mini-cockpit-zone-input[b-sh5g6cp02q] {
    gap: 9px;
    flex: 1 1 auto;
    min-width: 0;
}

.bs-mini-cockpit-zone-icon[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    color: var(--ain-accent);
    font-size: var(--ain-fs-115);
}

.bs-mini-cockpit-zone-caption[b-sh5g6cp02q] {
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--island-ink-2);
    line-height: 1;
    white-space: nowrap;
    margin-left: -3px;
}

.bs-mini-cockpit-zone-input .bs-mini-cockpit-zone-caption[b-sh5g6cp02q] {
    margin-left: 0;
}

.bs-mini-cockpit.is-locked .bs-mini-cockpit-zone-caption[b-sh5g6cp02q] {
    color: var(--island-ink-3);
}

.bs-mini-cockpit-slider-track[b-sh5g6cp02q] {
    width: 110px;
    height: 22px;
}

.bs-mini-cockpit .bs-mini-cockpit-slider-track[b-sh5g6cp02q]::before {
    height: 4px;
    margin-top: -2px;
    background: rgba(var(--ain-umber-rgb), 0.26);
    border-radius: var(--ain-radius-pill);
}

.bs-mini-cockpit .bs-mini-cockpit-slider-track .bs-generator-slider-fill[b-sh5g6cp02q] {
    height: 4px;
    margin-top: -2px;
    box-shadow: 0 0 10px rgba(var(--ain-accent-rgb), 0.40);
}

.bs-mini-cockpit-slider-track .bs-generator-slider[b-sh5g6cp02q]::-webkit-slider-runnable-track {
    height: 4px;
}

.bs-mini-cockpit-slider-track .bs-generator-slider[b-sh5g6cp02q]::-moz-range-track {
    height: 4px;
}

.bs-mini-cockpit-slider-track .bs-generator-slider[b-sh5g6cp02q]::-webkit-slider-thumb {
    width: 14px;
    height: 14px;
    border-width: 2px;
    margin-top: -5px;
    box-shadow: 0 1px 3px rgba(var(--ain-umber-rgb), 0.30);
}

.bs-mini-cockpit-slider-track .bs-generator-slider[b-sh5g6cp02q]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border-width: 2px;
}

.bs-mini-cockpit-zone-value[b-sh5g6cp02q] {
    font-family: var(--ain-font-display);
    font-size: var(--ain-fs-125);
    font-weight: 600;
    color: var(--island-accent);
    min-width: 88px;
    text-align: left;
    line-height: 1;
    letter-spacing: -0.012em;
    white-space: nowrap;
}

.bs-mini-cockpit.is-locked .bs-mini-cockpit-zone-icon[b-sh5g6cp02q],
.bs-mini-cockpit.is-locked .bs-mini-cockpit-zone-value[b-sh5g6cp02q] {
    color: var(--island-ink-3);
}

.bs-mini-cockpit.is-locked .bs-generator-slider-fill[b-sh5g6cp02q] {
    background: rgba(var(--ain-umber-rgb), 0.22);
    box-shadow: none;
}

.bs-mini-cockpit-input[b-sh5g6cp02q] {
    flex: 1 1 240px;
    min-width: 180px;
    max-width: 340px;
    height: 34px;
    padding: 0 13px;
    background: var(--island-field);
    border: 1px solid rgba(var(--ain-ochre-rgb), 0.20);
    border-radius: var(--ain-radius-md);
    color: var(--ain-umber-900);
    font-family: inherit;
    font-size: var(--ain-fs-135);
    font-weight: 500;
    letter-spacing: -0.008em;
    outline: none;
    transition: background var(--ain-dur-fast) ease, border-color var(--ain-dur-fast) ease, box-shadow var(--ain-dur-fast) ease;
}

    .bs-mini-cockpit-input[b-sh5g6cp02q]::placeholder {
        color: var(--island-ink-3);
        font-weight: 400;
        letter-spacing: -0.004em;
    }

    .bs-mini-cockpit-input:hover:not(:disabled)[b-sh5g6cp02q] {
        background: rgba(var(--ain-white-rgb), 0.88);
        border-color: rgba(var(--ain-ochre-rgb), 0.28);
    }

    .bs-mini-cockpit-input:focus[b-sh5g6cp02q] {
        background: var(--ain-white);
        border-color: rgba(var(--ain-accent-rgb), 0.70);
        box-shadow: 0 0 0 3px rgba(var(--ain-accent-rgb), 0.14);
    }

    .bs-mini-cockpit-input:disabled[b-sh5g6cp02q] {
        color: var(--island-ink-3);
        background: rgba(var(--ain-white-rgb), 0.40);
        cursor: not-allowed;
    }

        .bs-mini-cockpit-input:disabled[b-sh5g6cp02q]::placeholder {
            color: rgba(var(--ain-umber-rgb), 0.26);
        }

.bs-mini-cockpit-button[b-sh5g6cp02q] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 20px 0 18px;
    background: var(--gradient-cta, linear-gradient(135deg, #f4089b 0%, #c80670 100%));
    color: white;
    border: none;
    border-radius: var(--ain-radius-pill);
    font-family: var(--ain-font-display);
    font-size: var(--ain-fs-135);
    font-weight: 600;
    letter-spacing: -0.012em;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(160, 5, 88, 0.34), 0 6px 18px rgba(var(--ain-accent-rgb), 0.36), inset 0 1px 0 rgba(var(--ain-white-rgb), 0.26);
    transition: transform var(--ain-dur-fast) ease, box-shadow var(--ain-dur-fast) ease, background var(--ain-dur-fast) ease;
}

    .bs-mini-cockpit-button:not(:disabled):hover[b-sh5g6cp02q] {
        background: linear-gradient(135deg, #ff2ba8 0%, #d80675 100%);
        transform: translateY(-1px);
        box-shadow: 0 2px 5px rgba(160, 5, 88, 0.40), 0 10px 24px rgba(var(--ain-accent-rgb), 0.46), inset 0 1px 0 rgba(var(--ain-white-rgb), 0.30);
    }

    .bs-mini-cockpit-button:not(:disabled):active[b-sh5g6cp02q] {
        transform: translateY(0);
        background: linear-gradient(135deg, #c80670 0%, #a30558 100%);
    }

    .bs-mini-cockpit-button:disabled[b-sh5g6cp02q] {
        background: rgba(var(--ain-umber-rgb), 0.10);
        color: var(--island-ink-3);
        box-shadow: none;
        cursor: not-allowed;
    }

.bs-mini-cockpit.is-busy .bs-mini-cockpit-button[b-sh5g6cp02q] {
    background: linear-gradient(135deg, #c80670 0%, #a30558 100%);
    color: white;
    cursor: progress;
}

.bs-mini-cockpit-button-label[b-sh5g6cp02q] {
    line-height: 1;
}

.bs-mini-cockpit-button i[b-sh5g6cp02q] {
    font-size: var(--ain-fs-125);
    line-height: 1;
}

@container bs-main (max-width: 1010px) {
    .brainstorm-main .bs-mini-cockpit[b-sh5g6cp02q] {
        padding: 9px 10px 9px 16px;
    }

    .brainstorm-main .bs-mini-cockpit-divider[b-sh5g6cp02q] {
        margin: 0 11px;
    }

    .brainstorm-main .bs-mini-cockpit-zone-caption[b-sh5g6cp02q] {
        display: none;
    }

    .brainstorm-main .bs-mini-cockpit-slider-track[b-sh5g6cp02q] {
        width: 88px;
    }

    .brainstorm-main .bs-mini-cockpit-zone-value[b-sh5g6cp02q] {
        min-width: 78px;
        font-size: var(--ain-fs-115);
    }

    .brainstorm-main .bs-mini-cockpit-input[b-sh5g6cp02q] {
        flex-basis: 180px;
        min-width: 120px;
    }
}

@container bs-main (max-width: 700px) {
    .brainstorm-main .bs-mini-cockpit[b-sh5g6cp02q] {
        padding-left: 14px;
    }

    .brainstorm-main .bs-mini-cockpit-title[b-sh5g6cp02q],
    .brainstorm-main .bs-mini-cockpit-title + .bs-mini-cockpit-divider[b-sh5g6cp02q],
    .brainstorm-main .bs-mini-cockpit-zone-value[b-sh5g6cp02q] {
        display: none;
    }

    .brainstorm-main .bs-mini-cockpit-slider-track[b-sh5g6cp02q] {
        width: 72px;
    }

    .brainstorm-main .bs-mini-cockpit-input[b-sh5g6cp02q] {
        flex-basis: 140px;
        min-width: 72px;
    }
}

@container bs-main (max-width: 400px) {
    .brainstorm-main .bs-mini-cockpit-zone-slider[b-sh5g6cp02q],
    .brainstorm-main .bs-mini-cockpit-zone-slider + .bs-mini-cockpit-divider[b-sh5g6cp02q] {
        display: none;
    }
}

.bs-tiers[b-sh5g6cp02q]::-webkit-scrollbar {
    width: 10px;
}

.bs-tiers[b-sh5g6cp02q]::-webkit-scrollbar-track {
    background: transparent;
}

.bs-tiers[b-sh5g6cp02q]::-webkit-scrollbar-thumb {
    background: rgba(var(--ain-slate-rgb), 0.14);
    border-radius: var(--ain-radius-xs);
    border: 2px solid transparent;
    background-clip: padding-box;
}

    .bs-tiers[b-sh5g6cp02q]::-webkit-scrollbar-thumb:hover {
        background: rgba(var(--ain-slate-rgb), 0.26);
        background-clip: padding-box;
        border: 2px solid transparent;
    }

.bs-tiers[b-sh5g6cp02q] {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--ain-slate-rgb), 0.18) transparent;
}

.brainstorm-rail-left[b-sh5g6cp02q] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: linear-gradient(180deg, #f5f4f1 0%, #f1f0ec 100%);
    border-right: 1px solid rgba(var(--ain-ochre-rgb), 0.12);
    container-type: inline-size;
    container-name: bs-rail;
    overflow: hidden;
    position: relative;
}

.bs-rail-index[b-sh5g6cp02q] {
    flex: 0 1 auto;
    min-height: 116px;
    overflow-y: auto;
    padding: 16px 0 10px;
}

.bs-rail-index-list[b-sh5g6cp02q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bs-rail-frame[b-sh5g6cp02q] {
    flex: 0 0 auto;
    padding: 58px 26px 20px;
    position: relative;
}

    .bs-rail-frame[b-sh5g6cp02q]::after {
        content: "";
        position: absolute;
        left: 26px;
        right: 26px;
        bottom: 0;
        height: 1px;
        background: linear-gradient(90deg, rgba(var(--ain-ochre-rgb), 0.20) 0%, rgba(var(--ain-ochre-rgb), 0.05) 100%);
    }

.bs-rail-frame-head[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 13px;
}

.bs-rail-eyebrow[b-sh5g6cp02q] {
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ain-umber-400);
}

.bs-rail-edit[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 28px;
    padding: 0 12px;
    border: 1px solid rgba(var(--ain-ochre-rgb), 0.22);
    border-radius: var(--ain-radius-sm);
    background: rgba(var(--ain-white-rgb), 0.70);
    color: var(--ain-umber-700);
    font-family: inherit;
    font-size: var(--ain-fs-115);
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    outline: none;
    box-shadow: 0 1px 1px rgba(var(--ain-umber-rgb), 0.07);
    transition: background var(--ain-dur-fast) ease, border-color var(--ain-dur-fast) ease, color var(--ain-dur-fast) ease, box-shadow var(--ain-dur-fast) ease;
}

    .bs-rail-edit i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-105);
        opacity: 0.75;
    }

    .bs-rail-edit:hover:not(:disabled)[b-sh5g6cp02q] {
        background: var(--ain-white);
        border-color: rgba(var(--ain-ochre-rgb), 0.40);
        color: var(--ain-umber-900);
        box-shadow: 0 2px 5px rgba(var(--ain-umber-rgb), 0.12);
    }

    .bs-rail-edit:focus-visible[b-sh5g6cp02q] {
        outline: none;
        box-shadow: 0 0 0 3px rgba(var(--ain-ochre-rgb), 0.28);
    }

    .bs-rail-edit:disabled[b-sh5g6cp02q] {
        background: transparent;
        border-style: dashed;
        border-color: rgba(var(--ain-ochre-rgb), 0.26);
        color: var(--ain-umber-400);
        box-shadow: none;
        cursor: not-allowed;
    }

.bs-rail-title[b-sh5g6cp02q] {
    font-family: var(--ain-font-display);
    font-size: var(--ain-fs-220);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.022em;
    color: var(--ain-umber-900);
    margin: 0 0 9px;
    text-wrap: balance;
}

.bs-rail-title-pending[b-sh5g6cp02q] {
    color: var(--ain-umber-400);
    font-style: italic;
}

.bs-rail-tagline[b-sh5g6cp02q] {
    font-size: var(--ain-fs-135);
    font-style: italic;
    line-height: 1.4;
    color: var(--ain-umber-500);
    margin: 0 0 18px;
}

.bs-rail-hmw[b-sh5g6cp02q] {
    border-left: 2px solid var(--ain-accent);
    padding: 2px 0 2px 13px;
}

.bs-rail-hmw-text[b-sh5g6cp02q] {
    font-size: var(--ain-fs-145);
    line-height: 1.45;
    color: var(--ain-umber-900);
    margin: 0;
}

.bs-rail-framing-state[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--ain-fs-125);
    line-height: 1.5;
    color: var(--ain-umber-500);
    margin: 14px 0 0;
}

.bs-rail-framing-state-failed[b-sh5g6cp02q] {
    color: #9a3412;
}

.bs-rail-index-row[b-sh5g6cp02q] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    box-sizing: border-box;
    text-align: left;
    border: none;
    background: transparent;
    font: inherit;
    color: var(--ain-umber-500);
    cursor: pointer;
    position: relative;
    margin: 0 10px;
    padding: 7px 16px;
    border-radius: var(--ain-radius-md);
    outline: none;
    transition: background var(--ain-dur-fast) ease, color var(--ain-dur-fast) ease;
}

    .bs-rail-index-row:focus-visible[b-sh5g6cp02q] {
        outline: none;
        box-shadow: inset 0 0 0 2px rgba(var(--ain-ochre-rgb), 0.34);
    }

    .bs-rail-index-row:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-white-rgb), 0.55);
        color: var(--ain-umber-900);
    }

    .bs-rail-index-row.is-active[b-sh5g6cp02q] {
        background: rgba(var(--ain-white-rgb), 0.86);
        color: var(--ain-umber-900);
    }

        .bs-rail-index-row.is-active[b-sh5g6cp02q]::before {
            content: "";
            position: absolute;
            left: 8px;
            top: 50%;
            width: 2px;
            height: 13px;
            margin-top: -6.5px;
            border-radius: var(--ain-radius-2xs);
            background: var(--ain-accent);
        }

    .bs-rail-index-row.is-pending[b-sh5g6cp02q] {
        cursor: default;
        color: var(--ain-umber-400);
    }

        .bs-rail-index-row.is-pending:hover[b-sh5g6cp02q] {
            background: transparent;
            color: var(--ain-umber-400);
        }

.bs-rail-index-num[b-sh5g6cp02q] {
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--ain-umber-400);
    flex: 0 0 auto;
    transition: color var(--ain-dur-fast) ease;
}

.bs-rail-index-row.is-active .bs-rail-index-num[b-sh5g6cp02q] {
    color: var(--ain-accent);
}

.bs-rail-index-label[b-sh5g6cp02q] {
    font-size: var(--ain-fs-135);
    font-weight: 500;
    letter-spacing: -0.005em;
}

.bs-rail-index-row.is-active .bs-rail-index-label[b-sh5g6cp02q] {
    font-weight: 600;
}

.bs-rail-index-filling[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px 26px 0;
    font-size: var(--ain-fs-115);
    color: var(--ain-umber-400);
}

.bs-rail-index-filling-dot[b-sh5g6cp02q] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--ain-accent);
    animation: bs-rail-filling-pulse-b-sh5g6cp02q 1.4s ease-in-out infinite;
}

@keyframes bs-rail-filling-pulse-b-sh5g6cp02q {
    0%, 100% {
        opacity: 0.3;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.3);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bs-rail-index-filling-dot[b-sh5g6cp02q] {
        animation: none;
        opacity: 0.7;
    }
}

.bs-rail-panel[b-sh5g6cp02q] {
    flex: 1 1 auto;
    min-height: 170px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 12px 26px 14px;
    border-radius: var(--ain-radius-lg);
    background: var(--ain-white);
    border: 1px solid rgba(var(--ain-ochre-rgb), 0.12);
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.08), 0 -10px 22px -14px rgba(var(--ain-umber-rgb), 0.28), 0 10px 24px -14px rgba(var(--ain-umber-rgb), 0.30);
}

    .bs-rail-panel[b-sh5g6cp02q]::after {
        content: "";
        position: absolute;
        left: 1px;
        right: 12px;
        bottom: 1px;
        height: 26px;
        background: linear-gradient(180deg, rgba(var(--ain-white-rgb), 0) 0%, var(--ain-white) 78%);
        pointer-events: none;
    }

.bs-rail-panel-head[b-sh5g6cp02q] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px 18px 11px;
    border-bottom: 1px solid rgba(var(--ain-ochre-rgb), 0.12);
    position: relative;
}

    .bs-rail-panel-head[b-sh5g6cp02q]::after {
        content: "";
        position: absolute;
        left: 18px;
        bottom: -1px;
        width: 26px;
        height: 2px;
        border-radius: var(--ain-radius-2xs);
        background: var(--ain-accent);
    }

.bs-rail-panel-num[b-sh5g6cp02q] {
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 700;
    color: var(--ain-accent);
}

.bs-rail-panel-label[b-sh5g6cp02q] {
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ain-umber-700);
    margin: 0;
}

.bs-rail-panel-lock[b-sh5g6cp02q] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ain-umber-400);
    cursor: default;
}

    .bs-rail-panel-lock i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-105);
    }

.bs-rail-panel-body[b-sh5g6cp02q] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 14px 18px 16px;
}

    .bs-rail-panel-body[b-sh5g6cp02q]::-webkit-scrollbar,
    .bs-rail-index[b-sh5g6cp02q]::-webkit-scrollbar {
        width: 11px;
    }

    .bs-rail-panel-body[b-sh5g6cp02q]::-webkit-scrollbar-track,
    .bs-rail-index[b-sh5g6cp02q]::-webkit-scrollbar-track {
        background: transparent;
    }

    .bs-rail-panel-body[b-sh5g6cp02q]::-webkit-scrollbar-thumb,
    .bs-rail-index[b-sh5g6cp02q]::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, rgba(var(--ain-umber-rgb), 0.26) 0%, rgba(var(--ain-umber-rgb), 0.16) 100%);
        border-radius: var(--ain-radius-pill);
        border: 3px solid transparent;
        background-clip: padding-box;
        box-shadow: inset 0 1px 0 rgba(var(--ain-white-rgb), 0.55);
    }

        .bs-rail-panel-body[b-sh5g6cp02q]::-webkit-scrollbar-thumb:hover,
        .bs-rail-index[b-sh5g6cp02q]::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(180deg, rgba(var(--ain-umber-rgb), 0.38) 0%, rgba(var(--ain-umber-rgb), 0.26) 100%);
            background-clip: padding-box;
            border: 3px solid transparent;
        }

.bs-rail-panel-body[b-sh5g6cp02q],
.bs-rail-index[b-sh5g6cp02q] {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--ain-umber-rgb), 0.24) transparent;
}

.bs-rail-panel-text[b-sh5g6cp02q] {
    font-size: var(--ain-fs-135);
    line-height: 1.6;
    color: var(--ain-umber-700);
    margin: 0;
    white-space: pre-wrap;
}

.bs-rail-scores[b-sh5g6cp02q] {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.bs-rail-score-row[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bs-rail-score-label[b-sh5g6cp02q] {
    font-size: var(--ain-fs-125);
    color: var(--ain-umber-500);
    flex: 0 0 84px;
}

.bs-rail-score-bar[b-sh5g6cp02q] {
    flex: 1;
    height: 5px;
    border-radius: var(--ain-radius-pill);
    background: rgba(var(--ain-ochre-rgb), 0.14);
    overflow: hidden;
}

.bs-rail-score-fill[b-sh5g6cp02q] {
    height: 100%;
    border-radius: var(--ain-radius-pill);
    background: linear-gradient(90deg, var(--ain-accent), #ff5fa6);
}

.bs-rail-score-val[b-sh5g6cp02q] {
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-115);
    font-weight: 700;
    color: var(--ain-umber-900);
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
}

.bs-rail-score-justification[b-sh5g6cp02q] {
    font-size: var(--ain-fs-125);
    line-height: 1.55;
    color: var(--ain-umber-500);
    margin: 4px 0 0;
}

.bs-rail-foot[b-sh5g6cp02q] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 26px 16px;
    border-top: 1px solid rgba(var(--ain-ochre-rgb), 0.12);
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    letter-spacing: 0.06em;
    color: var(--ain-umber-400);
}

.bs-rail-foot-stat strong[b-sh5g6cp02q] {
    color: var(--ain-umber-700);
    font-weight: 700;
}

.bs-rail-foot-dot[b-sh5g6cp02q] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--ain-umber-400);
    opacity: 0.5;
}

@container bs-rail (max-width: 330px) {
    .bs-rail-index-list[b-sh5g6cp02q] {
        grid-template-columns: 1fr;
    }

    .bs-rail-index-row[b-sh5g6cp02q] {
        margin: 0 6px;
        padding: 6px 12px;
        gap: 10px;
    }

        .bs-rail-index-row.is-active[b-sh5g6cp02q]::before {
            left: 5px;
        }

    .bs-rail-frame[b-sh5g6cp02q] {
        padding: 58px 18px 18px;
    }

    .bs-rail-panel[b-sh5g6cp02q] {
        margin: 10px 18px 12px;
    }

    .bs-rail-panel-head[b-sh5g6cp02q] {
        padding: 12px 14px 10px;
    }

        .bs-rail-panel-head[b-sh5g6cp02q]::after {
            left: 14px;
        }

    .bs-rail-foot[b-sh5g6cp02q] {
        padding: 12px 18px 16px;
    }

    .bs-rail-panel-body[b-sh5g6cp02q] {
        padding: 12px 14px 14px;
    }

    .bs-rail-score-label[b-sh5g6cp02q] {
        flex: 0 0 72px;
    }
}

.bs-rail-state-msg[b-sh5g6cp02q] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 18px 22px;
    font-size: var(--ain-fs-135);
    color: var(--ws-ink-4, #64748b);
    line-height: 1.5;
}

    .bs-rail-state-msg i[b-sh5g6cp02q] {
        color: #ef4444;
        font-size: var(--ain-fs-145);
        margin-top: 2px;
    }

.bs-rail-skeleton[b-sh5g6cp02q] {
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bs-rail-skel-pill[b-sh5g6cp02q] {
    width: 72px;
    height: 18px;
    border-radius: var(--ain-radius-pill);
    background: linear-gradient(90deg, rgba(var(--ain-slate-rgb), 0.06), rgba(var(--ain-slate-rgb), 0.10), rgba(var(--ain-slate-rgb), 0.06));
    background-size: 200% 100%;
    animation: bs-skel-shimmer-b-sh5g6cp02q 1.4s ease-in-out infinite;
}

.bs-rail-skel-title[b-sh5g6cp02q] {
    width: 80%;
    height: 28px;
    border-radius: var(--ain-radius-sm);
    background: linear-gradient(90deg, rgba(var(--ain-slate-rgb), 0.06), rgba(var(--ain-slate-rgb), 0.10), rgba(var(--ain-slate-rgb), 0.06));
    background-size: 200% 100%;
    animation: bs-skel-shimmer-b-sh5g6cp02q 1.4s ease-in-out infinite;
    margin-top: 4px;
}

.bs-rail-skel-line[b-sh5g6cp02q] {
    width: 100%;
    height: 11px;
    border-radius: var(--ain-radius-xs);
    background: linear-gradient(90deg, rgba(var(--ain-slate-rgb), 0.05), rgba(var(--ain-slate-rgb), 0.09), rgba(var(--ain-slate-rgb), 0.05));
    background-size: 200% 100%;
    animation: bs-skel-shimmer-b-sh5g6cp02q 1.4s ease-in-out infinite;
}

.bs-rail-skel-line-short[b-sh5g6cp02q] {
    width: 60%;
}

@keyframes bs-skel-shimmer-b-sh5g6cp02q {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.bs-generator-slider-track[b-sh5g6cp02q] {
    position: relative;
    height: 28px;
    display: flex;
    align-items: center;
}

    .bs-generator-slider-track[b-sh5g6cp02q]::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 4px;
        margin-top: -2px;
        background: rgba(var(--ain-white-rgb), 0.10);
        border-radius: var(--ain-radius-pill);
    }

.bs-generator-slider-fill[b-sh5g6cp02q] {
    position: absolute;
    left: 0;
    top: 50%;
    height: 4px;
    margin-top: -2px;
    width: var(--fill-pct, 0%);
    background: linear-gradient(90deg, var(--ain-accent) 0%, #ff4d94 60%, #ffa1c9 100%);
    border-radius: var(--ain-radius-pill);
    box-shadow: 0 0 10px rgba(var(--ain-accent-rgb), 0.45);
    transition: width var(--ain-dur-fast) cubic-bezier(0.2, 0.8, 0.2, 1);
    pointer-events: none;
}

.bs-generator-slider[b-sh5g6cp02q] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
}

    .bs-generator-slider:focus[b-sh5g6cp02q],
    .bs-generator-slider:focus-visible[b-sh5g6cp02q] {
        outline: none;
        box-shadow: none;
        border: none;
    }

    .bs-generator-slider[b-sh5g6cp02q]::-webkit-slider-runnable-track {
        background: transparent;
        border: none;
        box-shadow: none;
        height: 4px;
    }

    .bs-generator-slider:disabled[b-sh5g6cp02q] {
        cursor: not-allowed;
    }

    .bs-generator-slider[b-sh5g6cp02q]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: white;
        border: 2.5px solid var(--ain-accent);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.40), 0 0 0 0 rgba(var(--ain-accent-rgb), 0.0);
        cursor: grab;
        transition: transform var(--ain-dur-fast) ease, box-shadow var(--ain-dur-fast) ease, border-color var(--ain-dur-fast) ease;
    }

    .bs-generator-slider:not(:disabled):hover[b-sh5g6cp02q]::-webkit-slider-thumb {
        transform: scale(1.10);
        border-color: #ff4d94;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45), 0 0 0 6px rgba(var(--ain-accent-rgb), 0.22);
    }

    .bs-generator-slider:not(:disabled):active[b-sh5g6cp02q]::-webkit-slider-thumb {
        cursor: grabbing;
        transform: scale(1.14);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.50), 0 0 0 10px rgba(var(--ain-accent-rgb), 0.26);
    }

    .bs-generator-slider[b-sh5g6cp02q]::-moz-range-thumb {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: white;
        border: 2.5px solid var(--ain-accent);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.40);
        cursor: grab;
    }

    .bs-generator-slider:not(:disabled):hover[b-sh5g6cp02q]::-moz-range-thumb {
        transform: scale(1.10);
        border-color: #ff4d94;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45), 0 0 0 6px rgba(var(--ain-accent-rgb), 0.22);
    }

    .bs-generator-slider[b-sh5g6cp02q]::-moz-range-track {
        background: transparent;
        height: 4px;
    }

    .bs-generator-slider:disabled[b-sh5g6cp02q]::-webkit-slider-thumb {
        border-color: var(--on-dark-3, rgba(var(--ain-white-rgb), 0.40));
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
    }

    .bs-generator-slider:disabled[b-sh5g6cp02q]::-moz-range-thumb {
        border-color: var(--on-dark-3, rgba(var(--ain-white-rgb), 0.40));
    }

.bs-splitter[b-sh5g6cp02q] {
    position: relative;
    width: 6px;
    background: transparent;
    cursor: col-resize;
    user-select: none;
    -webkit-user-select: none;
    transition: background-color var(--ain-dur-fast) ease;
}

    .bs-splitter[b-sh5g6cp02q]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 1px;
        background: var(--border-color, #e2e8f0);
        transition: background-color var(--ain-dur-fast) ease;
    }

    .bs-splitter:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-signal-rgb), 0.06);
    }

        .bs-splitter:hover[b-sh5g6cp02q]::before {
            background: rgba(var(--ain-signal-rgb), 0.45);
        }

    .bs-splitter.is-active[b-sh5g6cp02q] {
        background: rgba(var(--ain-signal-rgb), 0.10);
    }

        .bs-splitter.is-active[b-sh5g6cp02q]::before {
            background: var(--ain-signal);
        }

.bs-splitter-grip[b-sh5g6cp02q] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 32px;
    border-radius: var(--ain-radius-2xs);
    background: rgba(var(--ain-slate-rgb), 0.10);
    transition: background-color var(--ain-dur-fast) ease, height var(--ain-dur-fast) ease;
}

.bs-splitter:hover .bs-splitter-grip[b-sh5g6cp02q] {
    background: rgba(var(--ain-signal-rgb), 0.55);
    height: 40px;
}

.bs-splitter.is-active .bs-splitter-grip[b-sh5g6cp02q] {
    background: var(--ain-signal);
    height: 44px;
}

.brainstorm-timeline[b-sh5g6cp02q] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: linear-gradient(180deg, #f5f4f1 0%, #f1f0ec 100%);
    border-left: 1px solid rgba(var(--ain-ochre-rgb), 0.12);
    position: relative;
    overflow: hidden;
}

    .brainstorm-timeline.is-collapsed[b-sh5g6cp02q] {
        background: linear-gradient(180deg, #f5f4f1 0%, #efeee9 100%);
    }

.bs-timeline-collapsed-rail[b-sh5g6cp02q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 14px 0;
    gap: 14px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--ain-umber-500);
    font-family: inherit;
    transition: background-color var(--ain-dur-fast) ease, color var(--ain-dur-fast) ease;
}

    .bs-timeline-collapsed-rail:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-ochre-rgb), 0.05);
        color: var(--ain-umber-900);
    }

    .bs-timeline-collapsed-rail i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-105);
        opacity: 0.7;
    }

.bs-timeline-collapsed-label[b-sh5g6cp02q] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 700;
    letter-spacing: 0.20em;
    text-transform: uppercase;
}

.bs-timeline-collapsed-count[b-sh5g6cp02q] {
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--ain-accent);
    color: var(--ain-white);
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 700;
    border-radius: var(--ain-radius-pill);
    letter-spacing: 0.02em;
    box-shadow: 0 2px 6px rgba(var(--ain-accent-rgb), 0.30);
}

.bs-timeline-header[b-sh5g6cp02q] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 16px 13px;
    border-bottom: 1px solid rgba(var(--ain-ochre-rgb), 0.12);
    background: linear-gradient(180deg, #f7f6f3 0%, #f5f4f1 100%);
    position: sticky;
    top: 0;
    z-index: 5;
}

.bs-timeline-toggle[b-sh5g6cp02q] {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--ain-radius-xs);
    color: var(--ain-umber-400);
    cursor: pointer;
    transition: all var(--ain-dur-fast) ease;
}

    .bs-timeline-toggle:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-ochre-rgb), 0.07);
        color: var(--ain-umber-900);
        border-color: rgba(var(--ain-ochre-rgb), 0.14);
    }

    .bs-timeline-toggle i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-105);
    }

.bs-timeline-title[b-sh5g6cp02q] {
    flex: 1;
    margin: 0;
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ain-umber-400);
}

.bs-timeline-filter[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 2px;
    background: rgba(var(--ain-ochre-rgb), 0.08);
    border-radius: var(--ain-radius-pill);
}

.bs-timeline-filter-btn[b-sh5g6cp02q] {
    padding: 4px 11px;
    background: transparent;
    border: none;
    border-radius: var(--ain-radius-pill);
    font-size: var(--ain-fs-115);
    font-weight: 600;
    color: var(--ain-umber-500);
    cursor: pointer;
    transition: all var(--ain-dur-fast) ease;
}

    .bs-timeline-filter-btn:hover[b-sh5g6cp02q] {
        color: var(--ain-umber-900);
    }

    .bs-timeline-filter-btn.active[b-sh5g6cp02q] {
        background: var(--ain-white);
        color: var(--ain-umber-900);
        box-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.12);
    }

.bs-timeline-body[b-sh5g6cp02q] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 6px 0 24px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

    .bs-timeline-body[b-sh5g6cp02q]::-webkit-scrollbar {
        width: 6px;
    }

    .bs-timeline-body[b-sh5g6cp02q]::-webkit-scrollbar-track {
        background: transparent;
    }

    .bs-timeline-body[b-sh5g6cp02q]::-webkit-scrollbar-thumb {
        background: rgba(var(--ain-umber-rgb), 0.18);
        border-radius: var(--ain-radius-xs);
    }

        .bs-timeline-body[b-sh5g6cp02q]::-webkit-scrollbar-thumb:hover {
            background: rgba(var(--ain-umber-rgb), 0.30);
        }

.bs-timeline-empty[b-sh5g6cp02q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 40px 24px;
    text-align: center;
    color: var(--ain-umber-400);
    font-size: var(--ain-fs-135);
}

    .bs-timeline-empty i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-220);
        color: #c3bbaa;
        margin-bottom: 4px;
    }

.bs-timeline-empty-hint[b-sh5g6cp02q] {
    font-size: var(--ain-fs-115);
    color: #aba599;
    font-style: italic;
    max-width: 240px;
    line-height: 1.45;
}

.bs-timeline-item[b-sh5g6cp02q] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 13px 16px 14px;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(var(--ain-ochre-rgb), 0.10);
    border-radius: 0;
    cursor: pointer;
    transition: background var(--ain-dur-fast) ease, opacity var(--ain-dur-fast) ease;
    position: relative;
    animation: bs-timeline-item-enter-b-sh5g6cp02q 0.36s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    animation-delay: var(--enter-delay, 0ms);
}

@keyframes bs-timeline-item-enter-b-sh5g6cp02q {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.985);
    }
}

.bs-timeline-item:hover[b-sh5g6cp02q] {
    background: rgba(var(--ain-white-rgb), 0.55);
}

.bs-timeline-item-system[b-sh5g6cp02q] {
    background: transparent;
}

.bs-timeline-item.bs-timeline-item-selected[b-sh5g6cp02q] {
    background: rgba(var(--ain-white-rgb), 0.78);
    box-shadow: inset 2px 0 0 var(--ain-accent);
}

.bs-timeline-item.bs-timeline-item-dimmed[b-sh5g6cp02q] {
    opacity: 0.4;
}

    .bs-timeline-item.bs-timeline-item-dimmed:hover[b-sh5g6cp02q] {
        opacity: 0.8;
    }

.bs-timeline-avatar[b-sh5g6cp02q] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 700;
    color: white;
    letter-spacing: 0.02em;
    box-shadow: inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.25);
}

.bs-timeline-event-icon[b-sh5g6cp02q] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--ain-ochre-rgb), 0.09);
    color: var(--ain-umber-400);
    font-size: var(--ain-fs-105);
}

.bs-timeline-content[b-sh5g6cp02q] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.bs-timeline-meta[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--ain-fs-115);
    line-height: 1;
}

.bs-timeline-author[b-sh5g6cp02q] {
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ain-umber-700);
}

.bs-timeline-time[b-sh5g6cp02q] {
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ain-umber-400);
}

.bs-timeline-text[b-sh5g6cp02q] {
    margin: 0;
    font-size: var(--ain-fs-135);
    line-height: 1.5;
    color: var(--ain-umber-700);
    letter-spacing: -0.003em;
    word-wrap: break-word;
}

.bs-timeline-event-text[b-sh5g6cp02q] {
    margin: 0;
    font-size: var(--ain-fs-125);
    line-height: 1.45;
    color: var(--ain-umber-500);
    font-weight: 500;
}

.bs-timeline-link[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    padding: 3px 9px;
    background: rgba(var(--ain-white-rgb), 0.72);
    border: 1px solid rgba(var(--ain-ochre-rgb), 0.14);
    border-radius: var(--ain-radius-pill);
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--ain-umber-500);
    align-self: flex-start;
}

    .bs-timeline-link i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-105);
        opacity: 0.7;
    }

.bs-timeline-link-inline[b-sh5g6cp02q] {
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--ain-umber-500);
    padding: 2px 7px;
    background: rgba(var(--ain-ochre-rgb), 0.08);
    border-radius: var(--ain-radius-pill);
}

.bs-card-feedback[b-sh5g6cp02q] {
    flex-shrink: 0;
    margin: 14px -19px -14px;
    padding: 11px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(180deg, rgba(var(--ain-white-rgb), 0.40) 0%, rgba(var(--ain-white-rgb), 0.70) 100%);
    border-top: 1px solid var(--paper-edge, rgba(var(--ain-slate-rgb), 0.08));
    animation: bs-card-feedback-enter-b-sh5g6cp02q 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
    position: relative;
    z-index: 1;
}

@keyframes bs-card-feedback-enter-b-sh5g6cp02q {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.bs-card-feedback-input[b-sh5g6cp02q] {
    -webkit-user-select: text;
    user-select: text;
    flex: 1;
    min-width: 0;
    height: 30px;
    padding: 0 10px;
    background: rgba(var(--ain-white-rgb), 0.92);
    border: 1px solid var(--paper-edge, rgba(var(--ain-slate-rgb), 0.10));
    border-radius: var(--ain-radius-sm);
    font-family: inherit;
    font-size: var(--ain-fs-125);
    color: var(--paper-ink-1, #0f172a);
    outline: none;
    transition: background var(--ain-dur-fast) ease, border-color var(--ain-dur-fast) ease, box-shadow var(--ain-dur-fast) ease;
}

    .bs-card-feedback-input:focus[b-sh5g6cp02q] {
        background: var(--ain-white);
        border-color: rgba(var(--ain-signal-rgb), 0.85);
        box-shadow: 0 0 0 3px rgba(var(--ain-signal-rgb), 0.14);
    }

    .bs-card-feedback-input[b-sh5g6cp02q]::placeholder {
        color: var(--paper-ink-3, #94a3b8);
    }

.bs-card-feedback-send[b-sh5g6cp02q] {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--ain-ochre-rgb), 0.10);
    border: 1px solid transparent;
    border-radius: var(--ain-radius-sm);
    color: var(--paper-ink-3, #94a3b8);
    cursor: pointer;
    font-size: var(--ain-fs-105);
    transition: all var(--ain-dur-fast) ease;
}

    .bs-card-feedback-send:not(:disabled)[b-sh5g6cp02q] {
        background: linear-gradient(135deg, var(--ain-signal), var(--ain-signal-ink));
        color: white;
        box-shadow: 0 2px 5px rgba(var(--ain-signal-rgb), 0.25);
    }

        .bs-card-feedback-send:not(:disabled):hover[b-sh5g6cp02q] {
            transform: translateY(-1px);
            box-shadow: 0 3px 8px rgba(var(--ain-signal-rgb), 0.35);
        }

    .bs-card-feedback-send:disabled[b-sh5g6cp02q] {
        cursor: default;
    }

.bs-chip.bs-chip-comment.open[b-sh5g6cp02q] {
    background: rgba(var(--ain-signal-rgb), 0.14);
    color: var(--ain-signal);
    border-color: rgba(var(--ain-signal-rgb), 0.28);
}

@media (max-width: 1280px) {
    .brainstorm-grid[b-sh5g6cp02q] {
        grid-template-columns: min(var(--bs-left-rail-w, 380px), 340px) 6px 1fr 300px;
    }

        .brainstorm-grid.bs-timeline-is-collapsed[b-sh5g6cp02q] {
            grid-template-columns: min(var(--bs-left-rail-w, 380px), 340px) 6px 1fr 44px;
        }
}

@media (max-width: 1024px) {
    .brainstorm-grid[b-sh5g6cp02q] {
        grid-template-columns: min(var(--bs-left-rail-w, 380px), 300px) 6px 1fr 280px;
    }

        .brainstorm-grid.bs-timeline-is-collapsed[b-sh5g6cp02q] {
            grid-template-columns: min(var(--bs-left-rail-w, 380px), 300px) 6px 1fr 44px;
        }

    .bs-idea-card[b-sh5g6cp02q] {
        width: 270px;
        min-height: 340px;
    }

    .bs-idea-title[b-sh5g6cp02q] {
        font-size: var(--ain-fs-170);
    }
}

@media (max-width: 860px) {
    .brainstorm-grid[b-sh5g6cp02q] {
        grid-template-columns: 1fr 280px;
    }

    .brainstorm-rail-left[b-sh5g6cp02q],
    .bs-splitter[b-sh5g6cp02q] {
        display: none;
    }

    .brainstorm-grid.bs-timeline-is-collapsed[b-sh5g6cp02q] {
        grid-template-columns: 1fr 44px;
    }
}

@media (max-width: 720px) {
    .brainstorm-grid[b-sh5g6cp02q] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
    }

        .brainstorm-grid.bs-timeline-is-collapsed[b-sh5g6cp02q] {
            grid-template-columns: 1fr;
        }

    .brainstorm-timeline[b-sh5g6cp02q] {
        max-height: 280px;
        border-left: none;
        border-top: 1px solid rgba(var(--ain-ochre-rgb), 0.12);
    }

    .bs-idea-card[b-sh5g6cp02q] {
        width: 240px;
        min-height: 320px;
    }

    .bs-idea-title[b-sh5g6cp02q] {
        font-size: var(--ain-fs-160);
    }

    .bs-tier[b-sh5g6cp02q] {
        padding: 0 12px 18px;
    }
}

.bs-mini-cockpit-button.is-shimmering[b-sh5g6cp02q] {
    animation: bs-cockpit-shimmer-b-sh5g6cp02q 2.6s ease-in-out infinite;
}

@keyframes bs-cockpit-shimmer-b-sh5g6cp02q {
    0%, 100% {
        box-shadow: 0 1px 2px rgba(160, 5, 88, 0.30), 0 4px 10px rgba(var(--ain-accent-rgb), 0.30), inset 0 1px 0 rgba(var(--ain-white-rgb), 0.22), 0 0 0 0 rgba(var(--ain-accent-rgb), 0);
    }

    50% {
        box-shadow: 0 1px 2px rgba(160, 5, 88, 0.30), 0 4px 10px rgba(var(--ain-accent-rgb), 0.30), inset 0 1px 0 rgba(var(--ain-white-rgb), 0.22), 0 0 0 6px rgba(var(--ain-accent-rgb), 0.16);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bs-mini-cockpit-button.is-shimmering[b-sh5g6cp02q] {
        animation: none;
    }
}

.bs-idea-card-head[b-sh5g6cp02q] {
    position: relative;
    margin: 0 0 14px;
    padding: 11px 13px 12px;
    border-radius: var(--ain-radius-md);
    background: linear-gradient(180deg, rgba(var(--ain-white-rgb), 0.34) 0%, rgba(var(--ain-white-rgb), 0.10) 100%);
    border: 1.25px dashed rgba(var(--ain-ochre-rgb), 0.30);
    transition: border-color var(--ain-dur-base) ease, background var(--ain-dur-base) ease;
}

.bs-idea-card-killed .bs-idea-card-head[b-sh5g6cp02q] {
    border-color: rgba(var(--ain-ochre-rgb), 0.22);
    background: linear-gradient(180deg, rgba(var(--ain-white-rgb), 0.26) 0%, rgba(var(--ain-white-rgb), 0.08) 100%);
}

.bs-idea-card:hover .bs-idea-card-head[b-sh5g6cp02q] {
    border-color: rgba(var(--ain-ochre-rgb), 0.42);
}

.bs-idea-card-promoted[b-sh5g6cp02q] {
    --paper-edge: rgba(var(--ain-teal-rgb), 0.10);
    --paper-ink-1: #101b1f;
    --paper-ink-2: #424e53;
    --paper-ink-3: #6a787d;
    background: var(--ain-white);
    border: 1px solid rgba(var(--ain-teal-rgb), 0.08);
    border-radius: var(--ain-radius-xl);
    box-shadow: 0 1px 2px rgba(var(--ain-teal-rgb), 0.08), 0 16px 32px -18px rgba(var(--ain-teal-rgb), 0.34);
}

    .bs-idea-card-promoted:hover[b-sh5g6cp02q] {
        box-shadow: 0 2px 4px rgba(var(--ain-teal-rgb), 0.10), 0 24px 44px -20px rgba(var(--ain-teal-rgb), 0.40);
    }

    .bs-idea-card-promoted.bs-idea-card-selected[b-sh5g6cp02q] {
        box-shadow: 0 0 0 1.5px rgba(var(--ain-teal-rgb), 0.28), 0 24px 44px -20px rgba(var(--ain-teal-rgb), 0.42);
    }

    .bs-idea-card-promoted .bs-idea-card-head[b-sh5g6cp02q] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        column-gap: 12px;
        margin: -4px -6px 15px;
        padding: 13px 15px 17px;
        border-radius: var(--ain-radius-lg);
        background: radial-gradient(130% 150% at 0% 0%, var(--ain-teal-800) 0%, var(--ain-teal-900) 62%);
        border: none;
        box-shadow: 0 3px 12px rgba(var(--ain-teal-rgb), 0.30), inset 0 1px 0 rgba(var(--ain-white-rgb), 0.07);
        animation: bs-promote-settle-b-sh5g6cp02q 0.3s ease 0.06s both;
    }

    .bs-idea-card-promoted .bs-idea-card-top[b-sh5g6cp02q] {
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 7px;
    }

    .bs-idea-card-promoted .bs-idea-title[b-sh5g6cp02q] {
        grid-column: 1;
        grid-row: 2;
        color: var(--ain-teal-ink);
        font-size: var(--ain-fs-200);
        margin: 0;
    }

    .bs-idea-card-promoted .bs-idea-codename[b-sh5g6cp02q] {
        color: rgba(247, 251, 251, 0.56);
        flex: 0 1 auto;
    }

    .bs-idea-card-promoted .bs-idea-card-head[b-sh5g6cp02q]::before {
        content: "";
        position: absolute;
        left: 15px;
        bottom: 9px;
        width: 26px;
        height: 2px;
        border-radius: var(--ain-radius-2xs);
        background: var(--ain-accent);
        box-shadow: 0 0 10px rgba(var(--ain-accent-rgb), 0.60);
        pointer-events: none;
    }

.bs-idea-head-meta[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    margin-left: auto;
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    font-weight: 600;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: rgba(247, 251, 251, 0.46);
    cursor: default;
}

    .bs-idea-head-meta[b-sh5g6cp02q]::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #fb923c;
        box-shadow: 0 0 7px rgba(251, 146, 60, 0.65);
    }

.bs-idea-grade[b-sh5g6cp02q] {
    width: 38px;
    height: 38px;
    border-radius: var(--ain-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--ain-font-display);
    font-weight: 500;
    font-size: var(--ain-fs-200);
    line-height: 1;
}

.bs-idea-card-promoted .bs-idea-grade[b-sh5g6cp02q] {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
}

.bs-idea-grade--awaiting[b-sh5g6cp02q] {
    background: rgba(var(--ain-white-rgb), 0.04);
    border: 1.5px dashed rgba(var(--ain-white-rgb), 0.22);
    color: rgba(var(--ain-white-rgb), 0.40);
}

@keyframes bs-promote-settle-b-sh5g6cp02q {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.bs-graduate-action[b-sh5g6cp02q] {
    align-self: flex-end;
    width: 36px;
    height: 36px;
    padding: 0;
    gap: 0;
    margin: 10px 0 2px;
    border-radius: var(--ain-radius-md);
    background: radial-gradient(130% 150% at 0% 0%, var(--ain-teal-800) 0%, var(--ain-teal-900) 62%);
    box-shadow: 0 2px 6px rgba(var(--ain-teal-rgb), 0.28);
}

    .bs-graduate-action i[b-sh5g6cp02q] {
        font-size: var(--ain-fs-135);
    }

    .bs-graduate-action:hover[b-sh5g6cp02q] {
        background: radial-gradient(130% 150% at 0% 0%, #17313a 0%, #0b1d22 62%);
        box-shadow: 0 4px 12px rgba(var(--ain-teal-rgb), 0.34), 0 0 0 3px rgba(var(--ain-accent-rgb), 0.18);
    }

    .bs-graduate-action:active[b-sh5g6cp02q] {
        box-shadow: 0 1px 3px rgba(var(--ain-teal-rgb), 0.30);
    }

    .bs-graduate-action.is-failed[b-sh5g6cp02q] {
        background: linear-gradient(180deg, #b91c1c 0%, #991b1b 100%);
        box-shadow: 0 1px 3px rgba(185, 28, 28, 0.28);
    }


.bs-timeline-item:last-child[b-sh5g6cp02q] {
    border-bottom: none;
}

.bs-timeline-item .bs-timeline-link:hover[b-sh5g6cp02q] {
    background: var(--ain-white);
    border-color: rgba(var(--ain-ochre-rgb), 0.30);
    color: var(--ain-umber-900);
}

.bs-tier[b-sh5g6cp02q] {
    min-height: 0;
}

.bs-tier-empty[b-sh5g6cp02q] {
    padding: 0;
    min-height: 0;
}

.bs-tier-empty-working[b-sh5g6cp02q] {
    min-height: 140px;
}

.bs-tier-cards[b-sh5g6cp02q] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 264px), 1fr));
    gap: 14px;
    align-items: start;
    justify-content: stretch;
}

.bs-idea-card[b-sh5g6cp02q],
.bs-idea-card-ghost[b-sh5g6cp02q] {
    width: auto;
    min-width: 0;
    min-height: 0;
    padding: 16px 18px 13px;
}

.bs-idea-card-ghost[b-sh5g6cp02q] {
    min-height: 212px;
}

.bs-idea-card.bs-idea-card-feedback-open[b-sh5g6cp02q] {
    min-height: 0;
}

.bs-idea-title[b-sh5g6cp02q],
.bs-idea-card-promoted .bs-idea-title[b-sh5g6cp02q] {
    font-size: var(--ain-fs-170);
    line-height: 1.2;
}

.bs-idea-brief[b-sh5g6cp02q] {
    font-size: var(--ain-fs-135);
    line-height: 1.5;
    -webkit-line-clamp: 5;
}

.bs-card-feedback[b-sh5g6cp02q] {
    margin: 12px -18px -13px;
}

@media (hover: hover) {
    .bs-idea-card-pending :is(.bs-card-actions, .bs-chip-edit, .bs-chip-comment:not(.active))[b-sh5g6cp02q] {
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }
}

.bs-idea-card-pending .bs-card-action-promote[b-sh5g6cp02q] {
    color: #047857;
}

.bs-idea-card-pending .bs-card-action-kill[b-sh5g6cp02q] {
    color: #9f1d1d;
}

.bs-idea-card.bs-idea-card-selected[b-sh5g6cp02q] {
    -webkit-user-select: text;
    user-select: text;
    cursor: default;
}

    .bs-idea-card.bs-idea-card-selected .bs-idea-brief[b-sh5g6cp02q] {
        display: block;
        -webkit-line-clamp: unset;
        overflow: visible;
        cursor: text;
    }

    .bs-idea-card.bs-idea-card-selected .bs-idea-formfactor[b-sh5g6cp02q] {
        white-space: normal;
    }

        .bs-idea-card.bs-idea-card-selected .bs-idea-formfactor span[b-sh5g6cp02q] {
            white-space: normal;
        }

.bs-idea-card.bs-idea-card-dimmed[b-sh5g6cp02q] {
    opacity: 0.6;
}

.bs-card-notes[b-sh5g6cp02q] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 12px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid var(--paper-edge, rgba(var(--ain-ochre-rgb), 0.20));
    list-style: none;
}

.bs-card-note[b-sh5g6cp02q] {
    margin: 0;
    font-size: var(--ain-fs-125);
    line-height: 1.45;
    color: var(--paper-ink-2, var(--ain-umber-700));
    -webkit-user-select: text;
    user-select: text;
}

.bs-card-note-meta[b-sh5g6cp02q] {
    display: block;
    margin-bottom: 1px;
    font-family: var(--ain-font-mono);
    font-size: var(--ain-fs-105);
    letter-spacing: 0.04em;
    color: var(--paper-ink-3, var(--ain-umber-500));
}

.bs-idea-card-promoted .bs-card-note[b-sh5g6cp02q],
.bs-idea-card-promoted .bs-card-note-meta[b-sh5g6cp02q] {
    color: inherit;
}

.bs-undo[b-sh5g6cp02q] {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 92px;
    z-index: var(--ain-z-toast);
    display: flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    max-width: calc(100% - 24px);
    margin-inline: auto;
    padding: 8px 8px 8px 16px;
    border-radius: var(--ain-radius-pill);
    background: rgba(34, 31, 26, 0.94);
    color: #fdfbf7;
    font-size: var(--ain-fs-135);
    line-height: 1.3;
    box-shadow: 0 8px 24px rgba(var(--ain-teal-rgb), 0.26), 0 20px 48px rgba(var(--ain-teal-rgb), 0.20);
    animation: bs-undo-in-b-sh5g6cp02q 240ms cubic-bezier(.2, .8, .2, 1) backwards;
}

.bs-undo-text[b-sh5g6cp02q] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bs-undo-btn[b-sh5g6cp02q] {
    flex: 0 0 auto;
    height: 28px;
    padding: 0 14px;
    border: 0;
    border-radius: var(--ain-radius-pill);
    background: rgba(var(--ain-white-rgb), 0.14);
    color: var(--ain-white);
    font: 600 var(--ain-fs-125)/1 var(--ain-font-body);
    cursor: pointer;
    transition: background var(--ain-dur-fast) ease;
}

    .bs-undo-btn:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-white-rgb), 0.24);
    }

    .bs-undo-btn:focus-visible[b-sh5g6cp02q] {
        outline: 2px solid var(--ain-white);
        outline-offset: 2px;
    }

@keyframes bs-undo-in-b-sh5g6cp02q {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bs-undo[b-sh5g6cp02q] {
        animation: none;
    }
}

.brainstorm-grid :is(button, [role="button"], [role="link"], a, input, textarea, [tabindex]):focus-visible[b-sh5g6cp02q] {
    outline: 2px solid var(--ain-focus);
    outline-offset: 2px;
    box-shadow: none;
}

.brainstorm-grid :is(.bs-tier-promoted .bs-tier-pill, .bs-undo) :is(button):focus-visible[b-sh5g6cp02q] {
    outline-color: var(--ain-white);
}

.brainstorm-grid :is(.bs-mini-cockpit-input, .bs-card-feedback-input, .bs-idea-title-edit, .bs-idea-brief-edit):focus-visible[b-sh5g6cp02q] {
    outline-offset: 0;
}

.brainstorm-grid .bs-generator-slider:focus-visible[b-sh5g6cp02q] {
    outline: none;
}

    .brainstorm-grid .bs-generator-slider:focus-visible[b-sh5g6cp02q]::-webkit-slider-thumb {
        box-shadow: 0 0 0 2px var(--ain-white), 0 0 0 4px var(--ain-focus);
    }

    .brainstorm-grid .bs-generator-slider:focus-visible[b-sh5g6cp02q]::-moz-range-thumb {
        box-shadow: 0 0 0 2px var(--ain-white), 0 0 0 4px var(--ain-focus);
    }

.bs-idea-title-btn[b-sh5g6cp02q] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-align: left;
    text-wrap: inherit;
    cursor: pointer;
    -webkit-user-select: inherit;
    user-select: inherit;
}

.bs-idea-card-killed .bs-idea-title-btn[b-sh5g6cp02q] {
    text-decoration: inherit;
}

.bs-tier-descriptor[b-sh5g6cp02q],
.bs-ainna-line-ambient[b-sh5g6cp02q],
.bs-timeline-empty-hint[b-sh5g6cp02q] {
    color: var(--ain-muted);
}

.bs-tier-empty-message[b-sh5g6cp02q] {
    color: var(--ain-muted);
}

.bs-idea-card-killed[b-sh5g6cp02q] {
    --paper-ink-1: var(--ain-umber-600);
    --paper-ink-2: var(--ain-umber-500);
    --paper-ink-3: var(--ain-umber-500);
}

.bs-idea-state-tag-parked[b-sh5g6cp02q],
.bs-idea-state-tag-killed[b-sh5g6cp02q] {
    color: var(--ain-umber-600);
}

.bs-idea-byline-when[b-sh5g6cp02q] {
    opacity: 1;
}

@media (hover: hover) {
    .bs-idea-card:hover .bs-idea-byline[b-sh5g6cp02q] {
        opacity: 1;
    }
}

.bs-rail-eyebrow[b-sh5g6cp02q],
.bs-rail-index-num[b-sh5g6cp02q],
.bs-rail-foot[b-sh5g6cp02q],
.bs-rail-panel-lock[b-sh5g6cp02q],
.bs-rail-index-row.is-pending[b-sh5g6cp02q],
.bs-timeline-title[b-sh5g6cp02q],
.bs-timeline-time[b-sh5g6cp02q],
.bs-timeline-toggle[b-sh5g6cp02q],
.bs-timeline-link-inline[b-sh5g6cp02q] {
    color: var(--ain-umber-500);
}

.bs-tier-parked[b-sh5g6cp02q],
.bs-tier-killed[b-sh5g6cp02q] {
    --tier-pill-ink-2: var(--ain-umber-600);
}

.bs-tier-info-btn[b-sh5g6cp02q] {
    opacity: 1;
}

.bs-mini-cockpit[b-sh5g6cp02q] {
    --island-ink-3: rgba(var(--ain-umber-rgb), 0.72);
}

.bs-rail-panel-lock[b-sh5g6cp02q],
.bs-rail-panel-lock i[b-sh5g6cp02q],
.bs-idea-head-meta[b-sh5g6cp02q],
.bs-idea-new-badge[b-sh5g6cp02q],
.bs-idea-state-tag[b-sh5g6cp02q],
.bs-rail-eyebrow[b-sh5g6cp02q],
.bs-timeline-collapsed-label[b-sh5g6cp02q],
.bs-mini-cockpit-zone-caption[b-sh5g6cp02q],
.bs-rail-index-num[b-sh5g6cp02q],
.bs-rail-panel-num[b-sh5g6cp02q] {
    font-size: var(--ain-fs-105);
}

.bs-idea-byline[b-sh5g6cp02q],
.bs-timeline-time[b-sh5g6cp02q],
.bs-timeline-link[b-sh5g6cp02q],
.bs-timeline-link-inline[b-sh5g6cp02q],
.bs-timeline-title[b-sh5g6cp02q],
.bs-rail-panel-label[b-sh5g6cp02q],
.bs-rail-foot[b-sh5g6cp02q],
.bs-idea-codename[b-sh5g6cp02q] {
    font-size: var(--ain-fs-115);
}

.bs-timeline-author[b-sh5g6cp02q] {
    font-size: var(--ain-fs-115);
}

@media (prefers-reduced-motion: reduce) {
    .brainstorm-grid *:not(.fa-spin)[b-sh5g6cp02q],
    .brainstorm-grid *:not(.fa-spin)[b-sh5g6cp02q]::before,
    .brainstorm-grid *:not(.fa-spin)[b-sh5g6cp02q]::after {
        animation-duration: 0.01ms !important;
        animation-delay: 0s !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        transition-delay: 0s !important;
    }

    .brainstorm-grid[b-sh5g6cp02q] {
        transition: none;
    }
}

.ik-page[b-sh5g6cp02q],
.ik-page *[b-sh5g6cp02q],
.ik-page *[b-sh5g6cp02q]::before,
.ik-page *[b-sh5g6cp02q]::after {
    box-sizing: border-box;
}

.ik-page[b-sh5g6cp02q] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--ain-ink);
    font-family: var(--ain-font-body);
}

.ik-page[b-sh5g6cp02q] {
    background-color: var(--ik-bg, var(--ain-surface, #f2efe9));
    background-image: var(--ain-grid, linear-gradient(rgba(var(--ain-ink-rgb), .055) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--ain-ink-rgb), .055) 1px, transparent 1px));
    background-size: var(--ain-grid-size, 32px) var(--ain-grid-size, 32px);
    background-attachment: fixed;
}

    .ik-page.ik-tone-1[b-sh5g6cp02q] {
        --ik-bg: var(--ain-surface, #f2efe9);
    }

.brainstorm-surface[b-sh5g6cp02q] {
    --ws-bg: var(--ain-surface, #f2efe9);
}

.brainstorm-main[b-sh5g6cp02q] {
    --bs-canvas-rgb: var(--ain-surface-rgb, 242, 239, 233);
    background-image: var(--ain-grid, linear-gradient(rgba(var(--ain-ink-rgb), .055) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--ain-ink-rgb), .055) 1px, transparent 1px));
    background-size: var(--ain-grid-size, 32px) var(--ain-grid-size, 32px);
    background-attachment: fixed;
}

.ik-page.ik-tone-2[b-sh5g6cp02q] {
    --ik-bg: #ebe7df;
}

.ik-page.ik-tone-3[b-sh5g6cp02q] {
    --ik-bg: #f6f4ef;
}

.ik-stage[b-sh5g6cp02q] {
    display: grid;
    flex: 1 0 auto;
    grid-template-columns: minmax(0, 560px);
    align-content: start;
    justify-content: center;
    column-gap: 48px;
    --ik-top: clamp(64px, calc(30vh - 150px), 280px);
    padding: var(--ik-top) 32px 64px;
}

.ik-intro[b-sh5g6cp02q] {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    margin: 0 0 28px;
}

.ik-headline[b-sh5g6cp02q] {
    margin: 0;
    font: 600 var(--ain-fs-420)/1.1 var(--ain-font-body);
    letter-spacing: -.032em;
    color: var(--ain-ink);
}

.ik-brief[b-sh5g6cp02q] {
    position: relative;
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
}

.ik-field[b-sh5g6cp02q] {
    position: relative;
}

.ik-starters[b-sh5g6cp02q] {
    position: absolute;
    top: 17px;
    left: 19px;
    right: 19px;
    height: 28px;
    overflow: hidden;
    pointer-events: none;
    font: 400 var(--ain-fs-170)/1.6 var(--ain-font-body);
    color: var(--ain-muted);
}

    .ik-starters span[b-sh5g6cp02q] {
        position: absolute;
        inset: 0 auto auto 0;
        white-space: nowrap;
        opacity: 0;
        animation: ik-starter-b-sh5g6cp02q 16s ease-in-out infinite;
    }

        .ik-starters span:nth-child(2)[b-sh5g6cp02q] {
            animation-delay: 4s;
        }

        .ik-starters span:nth-child(3)[b-sh5g6cp02q] {
            animation-delay: 8s;
        }

        .ik-starters span:nth-child(4)[b-sh5g6cp02q] {
            animation-delay: 12s;
        }

.ik-input:not(:placeholder-shown) + .ik-starters[b-sh5g6cp02q] {
    display: none;
}

.ik-frame-col[b-sh5g6cp02q] {
    grid-column: 1;
    grid-row: 3;
    min-width: 0;
    margin-top: 28px;
}

.ik-card-note[b-sh5g6cp02q] {
    grid-column: 1;
    grid-row: 4;
    min-width: 0;
}

@media (min-width: 820px) {
    .ik-intro[b-sh5g6cp02q] {
        justify-self: start;
    }
}

.ik-frame-col[b-sh5g6cp02q] {
    transition: opacity .35s ease var(--ain-dur-fast), transform .35s ease var(--ain-dur-fast), visibility 0s linear var(--ain-dur-fast);
}

.ik-card[b-sh5g6cp02q] {
    transition: border-color .35s ease, box-shadow .35s ease;
}

.ik-stage:not(.is-moved) .ik-frame-col[b-sh5g6cp02q] {
    visibility: hidden;
    opacity: 0;
    transform: translateY(8px);
    transition: none;
}

@media (min-width: 1360px) {
    .ik-stage:not(.is-stacked)[b-sh5g6cp02q] {
        grid-template-columns: 560px 540px;
    }

        .ik-stage:not(.is-stacked) .ik-intro[b-sh5g6cp02q] {
            grid-column: 1 / -1;
        }

    .ik-stage:not(.is-stacked)[b-sh5g6cp02q] {
        --ik-field-h: 280px;
    }

        .ik-stage:not(.is-stacked) .ik-input[b-sh5g6cp02q] {
            height: var(--ik-field-h);
        }

        .ik-stage:not(.is-stacked) .ik-frame-col[b-sh5g6cp02q] {
            grid-column: 2;
            grid-row: 2;
            align-self: start;
            margin-top: 0;
        }

        .ik-stage:not(.is-stacked) .ik-card[b-sh5g6cp02q] {
            height: 420px;
        }

    .ik-stage.is-primed:not(.is-stacked) .ik-brief[b-sh5g6cp02q]::after {
        content: "";
        position: absolute;
        top: calc(var(--ik-field-h) / 2 - 6px);
        right: -30px;
        width: 10px;
        height: 10px;
        border-top: 2px solid var(--ain-accent);
        border-right: 2px solid var(--ain-accent);
        transform: rotate(45deg);
        animation: ik-nudge-b-sh5g6cp02q 1.1s ease-in-out infinite;
    }

    .ik-stage:not(.is-stacked) .ik-card-note[b-sh5g6cp02q] {
        display: none;
    }

}

.ik-stage.is-instant .ik-left[b-sh5g6cp02q],
.ik-stage.is-instant .ik-card[b-sh5g6cp02q] {
    transition: none;
}

.ik-label[b-sh5g6cp02q] {
    display: block;
    margin: 0 0 8px;
    font: 600 var(--ain-fs-135)/1.3 var(--ain-font-body);
    color: #2a261d;
}

.ik-field[b-sh5g6cp02q] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--ain-line);
    border-radius: var(--ain-radius-xl);
    background: var(--ain-white);
    box-shadow: var(--ain-shadow-panel);
    transition: border-color var(--ain-dur-base) ease, box-shadow var(--ain-dur-base) ease, background-color .24s ease;
}

.ik-field-head[b-sh5g6cp02q] {
    flex: 0 0 auto;
}

    .ik-field-head .ik-card-title[b-sh5g6cp02q] {
        cursor: text;
    }

.ik-field-mark[b-sh5g6cp02q] {
    display: inline-flex;
    width: 16px;
    color: var(--ain-ink);
}

    .ik-field-mark .ik-icon[b-sh5g6cp02q] {
        width: 16px;
        height: 16px;
    }

.ik-field-body[b-sh5g6cp02q] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
}

    .ik-field-body .ik-input[b-sh5g6cp02q] {
        flex: 1 1 auto;
        height: auto;
        min-height: 0;
        padding: 16px 22px 16px 24px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

        .ik-field-body .ik-input:hover[b-sh5g6cp02q],
        .ik-field-body .ik-input:focus[b-sh5g6cp02q],
        .ik-field-body .ik-input[readonly][b-sh5g6cp02q] {
            border: 0;
            background: transparent;
            box-shadow: none;
        }

    .ik-field-body .ik-starters[b-sh5g6cp02q] {
        top: 16px;
        left: 24px;
        right: 22px;
    }

.ik-field:hover[b-sh5g6cp02q] {
    border-color: var(--ain-line-strong);
}

.ik-field:focus-within[b-sh5g6cp02q] {
    border-color: var(--ain-accent);
    box-shadow: var(--ain-ring-accent), 0 16px 36px -24px rgba(var(--ain-ink-rgb), .28);
}

.ik-stage.is-reading .ik-field:not(:focus-within)[b-sh5g6cp02q],
.ik-stage.is-moved.focus-brief .ik-field:not(:focus-within)[b-sh5g6cp02q] {
    border-color: rgba(var(--ain-accent-rgb), .5);
}

.ik-stage.focus-frame .ik-field:focus-within[b-sh5g6cp02q] {
    border-color: #9c9486;
    box-shadow: 0 0 0 3px rgba(var(--ain-ink-rgb), .06), 0 16px 36px -24px rgba(var(--ain-ink-rgb), .28);
}

.ik-stage.is-committing .ik-field[b-sh5g6cp02q] {
    background: #faf8f4;
}

.ik-stage.is-committing .ik-field-body .ik-input[b-sh5g6cp02q] {
    background: transparent;
}

.ik-field-note[b-sh5g6cp02q] {
    flex: 0 1 auto;
    text-align: right;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 400 var(--ain-fs-125)/1.3 var(--ain-font-body);
    color: var(--ain-muted);
    user-select: none;
    animation: ik-note-in-b-sh5g6cp02q 520ms ease backwards;
}

    .ik-field-note.is-status[b-sh5g6cp02q] {
        animation: ik-note-in-b-sh5g6cp02q 320ms ease backwards;
    }

@keyframes ik-note-in-b-sh5g6cp02q {
    from {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ik-field-note[b-sh5g6cp02q],
    .ik-field-note.is-status[b-sh5g6cp02q] {
        animation: none;
        opacity: 1;
    }
}

.ik-input[b-sh5g6cp02q] {
    display: block;
    width: 100%;
    height: 180px;
    margin: 0;
    padding: 16px 18px;
    border: 1px solid #d6cfc2;
    border-radius: var(--ain-radius-lg);
    background: var(--ain-white);
    box-shadow: 0 1px 2px rgba(var(--ain-ink-rgb), .05);
    font: 400 var(--ain-fs-170)/1.6 var(--ain-font-body);
    color: #1b1a17;
    caret-color: var(--ain-accent);
    resize: none;
    outline: none;
    overflow-y: auto;
    transition: border-color var(--ain-dur-fast) ease, box-shadow var(--ain-dur-fast) ease, background-color var(--ain-dur-fast) ease;
}

    .ik-input:hover[b-sh5g6cp02q] {
        border-color: #c2baaa;
    }

    .ik-input:focus[b-sh5g6cp02q] {
        border-color: var(--ain-accent);
        box-shadow: var(--ain-ring-accent);
    }

.ik-stage.is-reading .ik-input:not(:focus)[b-sh5g6cp02q],
.ik-stage.is-moved.focus-brief .ik-input:not(:focus)[b-sh5g6cp02q] {
    border-color: rgba(var(--ain-accent-rgb), .5);
}

.ik-stage.focus-frame .ik-input:focus[b-sh5g6cp02q] {
    border-color: #9c9486;
    box-shadow: 0 0 0 3px rgba(var(--ain-ink-rgb), .06);
}

.ik-input[b-sh5g6cp02q]::placeholder {
    color: var(--ain-muted);
}

.ik-input[readonly][b-sh5g6cp02q] {
    border-color: #ddd7cb;
    background: #f8f6f1;
    color: #5f594d;
    box-shadow: none;
}

.ik-helper[b-sh5g6cp02q] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 8px;
    font: 400 var(--ain-fs-135)/1.4 var(--ain-font-body);
    color: var(--ain-muted);
}

.ik-count[b-sh5g6cp02q] {
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
    color: var(--ain-muted);
}

.ik-card[b-sh5g6cp02q] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--ain-line);
    border-radius: var(--ain-radius-xl);
    background: var(--ain-white);
    box-shadow: var(--ain-shadow-panel);
}

.ik-card-head[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 56px;
    padding: 12px 20px 12px 24px;
    border-bottom: 1px solid #eee8dc;
}

.ik-card-title[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font: 600 var(--ain-fs-145)/1.2 var(--ain-font-body);
    color: var(--ain-ink);
    white-space: nowrap;
}

.ik-mark[b-sh5g6cp02q] {
    display: block;
    width: 16px;
    color: var(--ain-accent);
}

    .ik-mark svg[b-sh5g6cp02q] {
        display: block;
        width: 100%;
        height: auto;
        overflow: visible;
        fill: currentColor;
    }

.ik-side[b-sh5g6cp02q] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ik-status[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    font: 400 var(--ain-fs-125)/1.3 var(--ain-font-body);
    color: var(--ain-muted);
    white-space: nowrap;
}

.ik-status-icon[b-sh5g6cp02q] {
    position: relative;
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1.5px #a39c8d;
}

.ik-status.is-busy .ik-status-icon[b-sh5g6cp02q] {
    width: 12px;
    height: 12px;
    border: 2px solid rgba(var(--ain-accent-rgb), .2);
    border-top-color: var(--ain-accent);
    box-shadow: none;
    animation: ik-spin-b-sh5g6cp02q .8s linear infinite;
}

.ik-status.is-ok .ik-status-icon[b-sh5g6cp02q] {
    width: 14px;
    height: 14px;
    background: #2f7d5b;
    box-shadow: none;
}

    .ik-status.is-ok .ik-status-icon[b-sh5g6cp02q]::after {
        content: "";
        position: absolute;
        left: 4.6px;
        top: 2.4px;
        width: 3.4px;
        height: 6.4px;
        border: solid var(--ain-white);
        border-width: 0 1.7px 1.7px 0;
        transform: rotate(45deg);
    }

.ik-status.is-hint .ik-status-icon[b-sh5g6cp02q] {
    background: #b07a16;
    box-shadow: none;
}

.ik-status.is-error[b-sh5g6cp02q] {
    color: #8a3b12;
}

    .ik-status.is-error .ik-status-icon[b-sh5g6cp02q] {
        width: 14px;
        height: 14px;
        background: #c2410c;
        box-shadow: none;
    }

        .ik-status.is-error .ik-status-icon[b-sh5g6cp02q]::after {
            content: "!";
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            font: 700 var(--ain-fs-105)/1 var(--ain-font-body);
            color: var(--ain-white);
        }

.ik-status button[b-sh5g6cp02q] {
    padding: 0;
    border: 0;
    background: none;
    font: 600 var(--ain-fs-125)/1.3 var(--ain-font-body);
    color: var(--ain-accent-ink);
    text-decoration: underline;
    text-decoration-color: rgba(179, 9, 90, .35);
    text-underline-offset: 3px;
    cursor: pointer;
}

.ik-info[b-sh5g6cp02q] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 1px solid #d6cfc2;
    border-radius: 50%;
    background: var(--ain-white);
    font: italic 600 var(--ain-fs-125)/1 Georgia, 'Times New Roman', serif;
    color: #4a4538;
    cursor: pointer;
    transition: background var(--ain-dur-fast) ease, color var(--ain-dur-fast) ease, border-color var(--ain-dur-fast) ease;
}

    .ik-info:hover[b-sh5g6cp02q],
    .ik-info:focus-visible[b-sh5g6cp02q],
    .ik-side.tip-open .ik-info[b-sh5g6cp02q] {
        outline: none;
        border-color: var(--ain-ink);
        background: var(--ain-ink);
        color: var(--ain-white);
    }

.ik-tip[b-sh5g6cp02q] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: var(--ain-z-popover);
    width: 280px;
    padding: 10px 12px;
    border-radius: var(--ain-radius-md);
    background: var(--ain-ink);
    color: #f6f4ef;
    font: 400 var(--ain-fs-135)/1.5 var(--ain-font-body);
    white-space: normal;
    text-align: left;
    box-shadow: 0 14px 34px -14px rgba(0, 0, 0, .45);
    opacity: 0;
    transform: translateY(-4px);
    pointer-events: none;
    transition: opacity var(--ain-dur-fast) ease, transform var(--ain-dur-fast) ease;
}

.ik-info:hover + .ik-tip[b-sh5g6cp02q],
.ik-info:focus-visible + .ik-tip[b-sh5g6cp02q],
.ik-side.tip-open .ik-tip[b-sh5g6cp02q] {
    opacity: 1;
    transform: none;
}

.ik-card[b-sh5g6cp02q] {
    height: 340px;
}

.ik-card-body[b-sh5g6cp02q] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 26px 28px 22px;
    overflow-y: auto;
    scrollbar-width: thin;
    -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 18px), transparent);
    mask-image: linear-gradient(to bottom, #000 calc(100% - 18px), transparent);
    transition: opacity var(--ain-dur-base) ease;
}

    .ik-card-body.is-updating[b-sh5g6cp02q] {
        opacity: .45;
    }

    .ik-card-body.is-behind[b-sh5g6cp02q] {
        opacity: .72;
    }

.ik-stage.focus-frame .ik-card[b-sh5g6cp02q] {
    border-color: var(--ain-accent);
    box-shadow: var(--ain-ring-accent), 0 16px 36px -24px rgba(var(--ain-ink-rgb), .28);
}

.ik-conn[b-sh5g6cp02q] {
    display: none;
}

.ik-conn-lane[b-sh5g6cp02q] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 12px;
    margin-top: -6px;
    color: #cbc3b3;
    transition: color .3s ease, transform .32s cubic-bezier(.2, .8, .2, 1);
}

.ik-conn-port[b-sh5g6cp02q] {
    position: absolute;
    top: 3px;
    left: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.ik-conn-line[b-sh5g6cp02q] {
    position: absolute;
    top: 5px;
    left: 0;
    right: 1px;
    height: 2px;
    border-radius: var(--ain-radius-2xs);
    background: currentColor;
}

.ik-conn-head[b-sh5g6cp02q] {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 12px;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ik-conn-pulse[b-sh5g6cp02q] {
    position: absolute;
    top: 4px;
    left: 0;
    width: 12px;
    height: 4px;
    border-radius: var(--ain-radius-2xs);
    background: linear-gradient(90deg, rgba(var(--ain-accent-rgb), 0), var(--ain-accent));
    opacity: 0;
    animation: ik-conn-travel-b-sh5g6cp02q 1s cubic-bezier(.45, 0, .55, 1) infinite;
}

.ik-stage.focus-frame .ik-conn-fwd[b-sh5g6cp02q] {
    color: var(--ain-accent);
}

.ik-stage.is-reading .ik-conn-fwd[b-sh5g6cp02q] {
    color: rgba(var(--ain-accent-rgb), .38);
}

.ik-conn.has-back .ik-conn-fwd[b-sh5g6cp02q] {
    transform: translateY(-7px);
}

.ik-conn-back[b-sh5g6cp02q] {
    color: var(--ain-accent);
    transform: translateY(7px) scaleX(-1);
    animation: ik-conn-draw-b-sh5g6cp02q 420ms cubic-bezier(.2, .8, .2, 1) 120ms backwards;
}

    .ik-conn-back .ik-conn-pulse[b-sh5g6cp02q] {
        animation: ik-conn-travel-b-sh5g6cp02q 1.1s cubic-bezier(.45, 0, .55, 1) 560ms 3;
    }

.ik-card-glow[b-sh5g6cp02q] {
    position: absolute;
    inset: -1px;
    border-radius: var(--ain-radius-xl);
    pointer-events: none;
    animation: ik-glow-b-sh5g6cp02q 1.6s ease-out both;
}

.ik-waiting[b-sh5g6cp02q] {
    margin: 0;
    font: 400 var(--ain-fs-145)/1.55 var(--ain-font-body);
    color: var(--ain-muted);
}

.ik-skeleton span[b-sh5g6cp02q] {
    display: block;
    height: 14px;
    margin-bottom: 12px;
    border-radius: var(--ain-radius-sm);
    background: linear-gradient(90deg, #efebe3, #f7dbe8, #efebe3);
    background-size: 220% 100%;
    animation: ik-shimmer-b-sh5g6cp02q 1.3s ease-in-out infinite;
}

    .ik-skeleton span:nth-child(1)[b-sh5g6cp02q] {
        width: 90%;
    }

    .ik-skeleton span:nth-child(2)[b-sh5g6cp02q] {
        width: 76%;
    }

    .ik-skeleton span:nth-child(3)[b-sh5g6cp02q] {
        width: 48%;
    }

.ik-field-label[b-sh5g6cp02q] {
    margin: 0 0 8px;
    font: 600 var(--ain-fs-115)/1.3 var(--ain-font-body);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ain-muted);
}

.ik-statement[b-sh5g6cp02q] {
    margin: 0 0 24px;
    font: 500 var(--ain-fs-260)/1.32 var(--ain-font-serif);
    letter-spacing: -.012em;
    color: var(--ain-ink);
}

    .ik-statement.is-quiet[b-sh5g6cp02q] {
        margin-bottom: 10px;
        font-size: var(--ain-fs-220);
        color: #4a4538;
    }

.ik-value[b-sh5g6cp02q] {
    margin: 0 0 18px;
    font: 400 var(--ain-fs-170)/1.55 var(--ain-font-serif);
    color: #3d382d;
}

    .ik-value.is-unclear[b-sh5g6cp02q] {
        font-style: italic;
        color: var(--ain-muted);
    }

.ik-w[b-sh5g6cp02q] {
    margin: 0 -2px;
    padding: 0 2px;
    border-radius: var(--ain-radius-xs);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    animation: ik-mark-b-sh5g6cp02q 7s ease both;
    animation-delay: calc(var(--i) * 12ms);
}

.ik-icon[b-sh5g6cp02q] {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ik-inspire[b-sh5g6cp02q] {
    margin-top: 18px;
}

.ik-inspire-start[b-sh5g6cp02q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font: 400 var(--ain-fs-135)/1.4 var(--ain-font-body);
    color: var(--ain-muted);
}

.ik-inspire-btn[b-sh5g6cp02q],
.ik-newset[b-sh5g6cp02q] {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 36px;
    padding: 0 16px 0 13px;
    border: 1.5px solid transparent;
    border-radius: var(--ain-radius-pill);
    background: linear-gradient(var(--ain-white), var(--ain-white)) padding-box, linear-gradient(120deg, #ec0893, #f59e6b) border-box;
    box-shadow: 0 6px 16px -10px rgba(236, 8, 147, .45);
    font: 600 var(--ain-fs-135)/1 var(--ain-font-body);
    color: var(--ain-ink);
    cursor: pointer;
    transition: transform var(--ain-dur-fast) ease, box-shadow var(--ain-dur-base) ease, opacity var(--ain-dur-base) ease;
}

    .ik-inspire-btn .ik-icon[b-sh5g6cp02q],
    .ik-newset .ik-icon[b-sh5g6cp02q] {
        width: 14px;
        height: 14px;
        color: var(--ain-accent);
    }


    .ik-inspire-btn.is-ready:hover[b-sh5g6cp02q],
    .ik-inspire-btn.is-ready:focus-visible[b-sh5g6cp02q],
    .ik-newset.is-ready:hover[b-sh5g6cp02q],
    .ik-newset.is-ready:focus-visible[b-sh5g6cp02q] {
        outline: none;
        transform: translateY(-1px);
        box-shadow: 0 10px 22px -10px rgba(236, 8, 147, .55);
    }

    .ik-inspire-btn.is-ready[b-sh5g6cp02q],
    .ik-newset.is-ready[b-sh5g6cp02q] {
        animation: ik-ready-b-sh5g6cp02q .5s cubic-bezier(.34, 1.4, .5, 1);
    }

        .ik-newset.is-ready:hover .ik-newset-icon[b-sh5g6cp02q] {
            transform: rotate(-180deg);
        }

.ik-newset-icon[b-sh5g6cp02q] {
    display: inline-flex;
    transition: transform .4s ease;
}

.ik-inspire-btn.is-cooling[b-sh5g6cp02q],
.ik-newset.is-cooling[b-sh5g6cp02q] {
    background: linear-gradient(#f7f3ed, #f7f3ed) padding-box, linear-gradient(120deg, rgba(236, 8, 147, .35), rgba(245, 158, 107, .35)) border-box;
    box-shadow: none;
    color: var(--ain-muted);
    font-variant-numeric: tabular-nums;
    cursor: default;
}


.ik-inspire-btn.is-spent[b-sh5g6cp02q],
.ik-newset.is-spent[b-sh5g6cp02q] {
    background: #ece7de;
    box-shadow: none;
    color: #a39c8d;
    cursor: default;
}

    .ik-inspire-btn.is-spent .ik-icon[b-sh5g6cp02q],
    .ik-newset.is-spent .ik-icon[b-sh5g6cp02q] {
        color: #a39c8d;
    }

.ik-newset.is-loading[b-sh5g6cp02q] {
    opacity: .6;
    cursor: progress;
}

.ik-inspire-head[b-sh5g6cp02q] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.ik-inspire-title[b-sh5g6cp02q] {
    font: 600 var(--ain-fs-115)/1.3 var(--ain-font-body);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ain-muted);
}

.ik-inspire-tools[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: baseline;
    gap: 14px;
}

.ik-newset[b-sh5g6cp02q] {
    height: 32px;
    padding: 0 14px 0 11px;
    font-size: var(--ain-fs-125);
}

.ik-inspire-note[b-sh5g6cp02q] {
    margin: 0 0 10px;
    font: 400 var(--ain-fs-125)/1.4 var(--ain-font-body);
    color: #8a5a10;
}

.ik-inspire-deck[b-sh5g6cp02q] {
    min-width: 0;
    padding-top: 22px;
    transition: opacity var(--ain-dur-base) ease;
}

.ik-stage.is-moved .ik-inspire-deck[b-sh5g6cp02q] {
    opacity: 0;
    pointer-events: none;
}

.ik-cards[b-sh5g6cp02q] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 4px 2px 12px;
    transition: opacity var(--ain-dur-base) ease;
}

    .ik-cards.is-loading[b-sh5g6cp02q] {
        opacity: .5;
    }








.ik-spinner[b-sh5g6cp02q] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(var(--ain-white-rgb), .35);
    border-top-color: var(--ain-white);
    border-radius: 50%;
    animation: ik-spin-b-sh5g6cp02q .8s linear infinite;
}

.ik-dev[b-sh5g6cp02q] {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 60;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px;
    border: 1px solid #d6cfc2;
    border-radius: var(--ain-radius-md);
    background: rgba(var(--ain-white-rgb), .96);
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .3);
}

.ik-dev-title[b-sh5g6cp02q] {
    margin-bottom: 2px;
    font: 600 var(--ain-fs-105)/1.2 var(--ain-font-body);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ain-muted);
}

.ik-dev-btn[b-sh5g6cp02q] {
    padding: 5px 8px;
    border: 1px solid var(--ain-line);
    border-radius: var(--ain-radius-sm);
    background: var(--ain-white);
    font: 500 var(--ain-fs-125)/1.2 var(--ain-font-body);
    color: #2a261d;
    text-align: left;
    cursor: pointer;
}

    .ik-dev-btn:hover[b-sh5g6cp02q] {
        border-color: var(--ain-accent);
    }

@media (min-width: 1360px) and (max-height: 900px) {
    .ik-stage:not(.is-stacked)[b-sh5g6cp02q] {
        --ik-field-h: 200px;
    }

        .ik-stage:not(.is-stacked) .ik-card[b-sh5g6cp02q] {
            height: 340px;
        }
}

@media (min-width: 1360px) and (max-height: 820px) {
    .ik-stage:not(.is-stacked)[b-sh5g6cp02q] {
        padding-bottom: 24px;
    }

        .ik-stage:not(.is-stacked) .ik-card[b-sh5g6cp02q] {
            height: 300px;
        }
}

@media (max-width: 700px) {

    .ik-stage[b-sh5g6cp02q] {
        padding: 72px 16px 48px;
    }

    .ik-headline[b-sh5g6cp02q] {
        font-size: var(--ain-fs-320);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ik-left[b-sh5g6cp02q],
    .ik-frame-col[b-sh5g6cp02q],
    .ik-card[b-sh5g6cp02q],
    .ik-card-glow[b-sh5g6cp02q],
    .ik-icard[b-sh5g6cp02q],
    .ik-inspire-btn[b-sh5g6cp02q],
    .ik-newset[b-sh5g6cp02q],
    .ik-brief[b-sh5g6cp02q]::after {
        transition: none !important;
        animation: none !important;
    }

    .ik-w[b-sh5g6cp02q] {
        animation: none !important;
        background-color: rgba(var(--ain-accent-rgb), .12);
    }

    .ik-conn-pulse[b-sh5g6cp02q] {
        display: none;
    }

    .ik-conn-back[b-sh5g6cp02q] {
        animation: none;
    }

    .ik-conn-lane[b-sh5g6cp02q] {
        transition: none;
    }

    .ik-starters span[b-sh5g6cp02q] {
        animation: none;
    }

        .ik-starters span:first-child[b-sh5g6cp02q] {
            opacity: 1;
        }
}

@keyframes ik-starter-b-sh5g6cp02q {
    0% {
        opacity: 0;
        transform: translateY(6px);
    }

    3%, 22% {
        opacity: 1;
        transform: none;
    }

    25%, 100% {
        opacity: 0;
        transform: translateY(-6px);
    }
}

@keyframes ik-nudge-b-sh5g6cp02q {
    0%, 100% {
        opacity: .35;
        translate: 0 0;
    }

    50% {
        opacity: 1;
        translate: 5px 0;
    }
}

@keyframes ik-ready-b-sh5g6cp02q {
    0% {
        transform: scale(.94);
    }

    60% {
        transform: scale(1.04);
    }

    100% {
        transform: none;
    }
}

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

@keyframes ik-shimmer-b-sh5g6cp02q {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: -120% 0;
    }
}

@keyframes ik-mark-b-sh5g6cp02q {
    0% {
        opacity: 0;
        color: var(--ain-accent);
        background-color: rgba(var(--ain-accent-rgb), 0);
    }

    6% {
        opacity: 1;
        color: var(--ain-accent-ink);
        background-color: rgba(var(--ain-accent-rgb), .13);
    }

    45% {
        color: var(--ain-accent-ink);
        background-color: rgba(var(--ain-accent-rgb), .10);
    }

    100% {
        background-color: rgba(var(--ain-accent-rgb), 0);
    }
}

@keyframes ik-conn-travel-b-sh5g6cp02q {
    0% {
        left: 0;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        left: calc(100% - 12px);
        opacity: 0;
    }
}

@keyframes ik-conn-draw-b-sh5g6cp02q {
    from {
        opacity: 0;
        clip-path: inset(-8px 100% -8px -8px);
    }

    to {
        opacity: 1;
        clip-path: inset(-8px -8px -8px -8px);
    }
}

@keyframes ik-glow-b-sh5g6cp02q {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--ain-accent-rgb), 0);
    }

    25% {
        box-shadow: 0 0 0 4px rgba(var(--ain-accent-rgb), .16);
    }

    100% {
        box-shadow: 0 0 0 12px rgba(var(--ain-accent-rgb), 0);
    }
}

@keyframes ik-fade-b-sh5g6cp02q {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
}

.ik-stage.is-committing[b-sh5g6cp02q],
.ik-stage.is-committing .ik-input[b-sh5g6cp02q] {
    cursor: progress;
}

    .ik-stage.is-committing .ik-input[b-sh5g6cp02q] {
        resize: none;
        caret-color: transparent;
        background: rgba(var(--ain-white-rgb), 0.55);
        transition: background var(--ain-dur-base) ease;
    }

        .ik-stage.is-committing .ik-input:focus[b-sh5g6cp02q],
        .ik-stage.is-committing .ik-input:focus-visible[b-sh5g6cp02q] {
            outline: none;
            box-shadow: none;
        }

    .ik-stage.is-committing .ik-field[b-sh5g6cp02q] {
        border-color: var(--ik-line, rgba(0, 0, 0, 0.12));
        box-shadow: none;
    }

    .ik-stage.is-committing .ik-starters[b-sh5g6cp02q] {
        display: none;
    }

    .ik-stage.is-committing .ik-card[b-sh5g6cp02q] {
        animation: ik-committing-breathe-b-sh5g6cp02q 2.4s ease-in-out infinite;
    }

@keyframes ik-committing-breathe-b-sh5g6cp02q {
    0%, 100% {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 0 0 rgba(var(--ain-accent-deep-rgb), 0.00);
    }

    50% {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 0 6px rgba(var(--ain-accent-deep-rgb), 0.06);
    }
}

.ik-stage.is-committing .ik-conn-fwd[b-sh5g6cp02q] {
    color: rgba(var(--ain-accent-rgb), .38);
}

.ik-stage.is-committing .ik-inspire[b-sh5g6cp02q],
@media (prefers-reduced-motion: reduce)[b-sh5g6cp02q] {
    .ik-stage.is-committing .ik-card {
        animation: none;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 0 4px rgba(var(--ain-accent-deep-rgb), 0.05);
    }
}

.ik-stage.is-reading .ik-input[b-sh5g6cp02q] {
    cursor: text;
}

.ik-stage.is-reading .ik-card[b-sh5g6cp02q] {
    animation: ik-reading-breathe-b-sh5g6cp02q 1.8s ease-in-out infinite;
}

@keyframes ik-reading-breathe-b-sh5g6cp02q {
    0%, 100% {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 0 0 rgba(var(--ain-accent-deep-rgb), 0.00);
    }

    50% {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 0 4px rgba(var(--ain-accent-deep-rgb), 0.05);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ik-stage.is-reading .ik-card[b-sh5g6cp02q] {
        animation: none;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(var(--ain-accent-deep-rgb), 0.04);
    }
}



.ik-count[b-sh5g6cp02q] {
    color: #b45309;
}

.ik-helper:empty[b-sh5g6cp02q] {
    display: none;
}


.ik-field[b-sh5g6cp02q] {
    display: flex;
    flex-direction: column;
    height: var(--ik-field-h, 200px);
}

    .ik-field .ik-input[b-sh5g6cp02q] {
        flex: 1 1 auto;
        height: auto;
        min-height: 0;
    }

.ik-input[b-sh5g6cp02q] {
    scrollbar-width: thin;
    scrollbar-color: rgba(61, 56, 47, 0.22) transparent;
    scrollbar-gutter: stable;
}

    .ik-input[b-sh5g6cp02q]::-webkit-scrollbar {
        width: 10px;
    }

    .ik-input[b-sh5g6cp02q]::-webkit-scrollbar-track {
        background: transparent;
    }

    .ik-input[b-sh5g6cp02q]::-webkit-scrollbar-thumb {
        background-color: rgba(61, 56, 47, 0.18);
        border-radius: var(--ain-radius-pill);
        border: 3px solid transparent;
        background-clip: content-box;
        transition: background-color 180ms ease;
    }

.ik-field:hover .ik-input[b-sh5g6cp02q]::-webkit-scrollbar-thumb {
    background-color: rgba(61, 56, 47, 0.30);
}

.ik-input[b-sh5g6cp02q]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(61, 56, 47, 0.42);
}

.ik-input[b-sh5g6cp02q]::-webkit-scrollbar-button {
    display: none;
    height: 0;
}


.ik-inspire-lede[b-sh5g6cp02q] {
    font: 400 var(--ain-fs-125)/1.45 var(--ain-font-body);
    color: #7c7566;
    max-width: 62ch;
}

.ik-newset[b-sh5g6cp02q] {
    height: 30px;
    padding: 0 12px 0 10px;
    border: 1px solid var(--ain-line);
    border-radius: var(--ain-radius-pill);
    background: rgba(var(--ain-white-rgb), 0.72);
    box-shadow: none;
    font: 500 var(--ain-fs-125)/1 var(--ain-font-body);
    color: var(--ain-muted);
    transition: color var(--ain-dur-fast) ease, border-color var(--ain-dur-fast) ease, background var(--ain-dur-fast) ease;
}

    .ik-newset:hover[b-sh5g6cp02q] {
        color: var(--ain-ink);
        border-color: var(--ain-line-strong);
        background: var(--ain-white);
        transform: none;
    }

    .ik-newset .ik-newset-icon[b-sh5g6cp02q] {
        opacity: 0.75;
    }

    .ik-newset:hover .ik-newset-icon[b-sh5g6cp02q] {
        opacity: 1;
    }

.ik-inspire-head[b-sh5g6cp02q] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    column-gap: 12px;
    row-gap: 4px;
    margin-bottom: 12px;
}

.ik-inspire-title[b-sh5g6cp02q] {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
}

.ik-inspire-tools[b-sh5g6cp02q] {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: center;
}

.ik-inspire-lede[b-sh5g6cp02q] {
    grid-column: 1;
    grid-row: 2;
    font: 400 var(--ain-fs-125)/1.45 var(--ain-font-body);
    color: #7c7566;
    max-width: 62ch;
}

.ik-rail[b-sh5g6cp02q] {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    margin-top: 14px;
    padding: 0 2px;
}

.ik-acts[b-sh5g6cp02q] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.ik-act[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 18px;
    border: 0.5px solid var(--ik-line, var(--ain-line));
    border-radius: var(--ain-radius-pill);
    background: var(--ain-white);
    font: 500 var(--ain-fs-135)/1 var(--ain-font-body);
    color: var(--ain-ink);
    cursor: pointer;
    transition: border-color var(--ain-dur-fast) ease, color var(--ain-dur-fast) ease, background var(--ain-dur-fast) ease, opacity var(--ain-dur-fast) ease;
}

    .ik-act:hover:not(:disabled)[b-sh5g6cp02q] {
        border-color: var(--ain-line-strong);
    }

    .ik-act.is-primary:not(:disabled)[b-sh5g6cp02q] {
        background: var(--ain-ink);
        border-color: var(--ain-ink);
        color: var(--ain-white);
    }

    .ik-act:disabled[b-sh5g6cp02q] {
        background: transparent;
        color: #9a9384;
        border-style: dashed;
        cursor: default;
    }

.ik-act-icon[b-sh5g6cp02q] {
    display: inline-flex;
    opacity: 0.8;
}

.ik-act:disabled .ik-act-icon[b-sh5g6cp02q] {
    opacity: 0.45;
}

.ik-act.is-busy:disabled[b-sh5g6cp02q] {
    background: var(--ain-ink);
    border-color: var(--ain-ink);
    border-style: solid;
    color: var(--ain-white);
    cursor: progress;
}

    .ik-act.is-busy:disabled .ik-act-icon[b-sh5g6cp02q] {
        opacity: 1;
    }

.ik-gaps[b-sh5g6cp02q] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 16px 0 0;
    padding-top: 12px;
    border-top: 0.5px solid rgba(0, 0, 0, 0.06);
}

.ik-gaps-label[b-sh5g6cp02q] {
    font: 600 var(--ain-fs-105)/1.3 var(--ain-font-body);
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #a09887;
}

.ik-gap[b-sh5g6cp02q] {
    font: 400 var(--ain-fs-125)/1.4 var(--ain-font-body);
    color: var(--ain-muted);
}

.ik-gaps-label[b-sh5g6cp02q] {
    margin-bottom: 3px;
}

.ik-gap[b-sh5g6cp02q] {
    padding-left: 12px;
    position: relative;
}

    .ik-gap[b-sh5g6cp02q]::before {
        content: "\00b7";
        position: absolute;
        left: 2px;
        color: #c3bcac;
    }

.ik-page[b-sh5g6cp02q] {
    container-type: inline-size;
    container-name: ikpage;
    scrollbar-gutter: stable both-edges;
}

@container ikpage (min-width: 1120px) {
    .ik-stage:not(.is-stacked)[b-sh5g6cp02q] {
        --ik-gap: 36px;
        column-gap: var(--ik-gap);
        width: 100%;
        max-width: 1280px;
        margin-inline: auto;
        --ik-field-h: 280px;
    }
        .ik-stage:not(.is-stacked) .ik-frame-col[b-sh5g6cp02q] {
            position: relative;
        }

        .ik-stage:not(.is-stacked) .ik-conn[b-sh5g6cp02q] {
            position: absolute;
            display: block;
            top: calc(var(--ik-field-h) / 2 - 14px);
            left: calc(-1 * var(--ik-gap));
            width: var(--ik-gap);
            height: 28px;
            pointer-events: none;
            z-index: 1;
        }
        .ik-stage:not(.is-stacked) .ik-intro[b-sh5g6cp02q] {
            grid-column: 1 / -1;
        }

        .ik-stage:not(.is-stacked) .ik-input[b-sh5g6cp02q] {
            height: auto;
        }

        .ik-stage:not(.is-stacked) .ik-field[b-sh5g6cp02q] {
            height: var(--ik-field-h);
        }

        .ik-stage:not(.is-stacked) .ik-frame-col[b-sh5g6cp02q] {
            grid-column: 2;
            grid-row: 2;
            align-self: start;
            margin-top: 0;
        }
        .ik-stage:not(.is-stacked) .ik-card[b-sh5g6cp02q] {
            min-height: var(--ik-field-h);
            height: auto;
        }
}

.ik-rail-label[b-sh5g6cp02q] {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--ain-muted);
}

@container ikpage (min-width: 1120px) {
    .ik-stage:not(.is-stacked) .ik-frame-col[b-sh5g6cp02q] {
        margin-top: 0;
    }
}

.ik-stage:not(.is-moved) .ik-rail[b-sh5g6cp02q] {
    display: none;
}

@container ikpage (min-width: 1120px) {
    .ik-stage:not(.is-stacked)[b-sh5g6cp02q] {
        --ik-open-w: 620px;
        --ik-open-shift: calc((min(1280px, 100cqw) - 64px - var(--ik-open-w)) / 2);
    }

        .ik-stage:not(.is-stacked) .ik-brief[b-sh5g6cp02q] {
            width: 100%;
        }

        .ik-stage:not(.is-stacked):not(.is-moved) .ik-brief[b-sh5g6cp02q] {
            width: var(--ik-open-w);
        }

        .ik-stage:not(.is-stacked):not(.is-moved) .ik-left[b-sh5g6cp02q] {
            transform: translateX(var(--ik-open-shift));
        }
        .ik-stage:not(.is-stacked) .ik-left[b-sh5g6cp02q] {
            transition: transform 680ms cubic-bezier(0.5, 0, 0.1, 1), width 680ms cubic-bezier(0.5, 0, 0.1, 1);
        }
        .ik-stage:not(.is-stacked):not(.is-moved) .ik-left[b-sh5g6cp02q] {
            transition-duration: 460ms;
            transition-delay: 140ms;
        }

        .ik-stage:not(.is-stacked) .ik-frame-col[b-sh5g6cp02q] {
            transform-origin: 0 40%;
            transition: opacity 460ms ease 360ms, transform 620ms cubic-bezier(0.2, 0.8, 0.2, 1) 360ms, visibility 0s linear 360ms;
        }

        .ik-stage:not(.is-stacked):not(.is-moved) .ik-frame-col[b-sh5g6cp02q] {
            transform: translateX(36px) scale(0.985);
            transition: opacity 140ms ease, transform 0s linear 140ms, visibility 0s linear 140ms;
        }
        .ik-stage:not(.is-stacked) .ik-inspire-deck[b-sh5g6cp02q] {
            width: 940px;
            margin-inline: calc((100% - 940px) / 2);
        }

        .ik-stage:not(.is-stacked) .ik-cards[b-sh5g6cp02q] {
            flex-wrap: nowrap;
        }
    .ik-stage:not(.is-stacked)[b-sh5g6cp02q] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
        .ik-stage:not(.is-stacked).is-moved .ik-rail[b-sh5g6cp02q] {
            animation: ik-rail-arrive-b-sh5g6cp02q 520ms cubic-bezier(0.2, 0.8, 0.2, 1) 680ms backwards;
        }
}

@keyframes ik-rail-arrive-b-sh5g6cp02q {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ik-stage:not(.is-stacked).is-moved .ik-rail[b-sh5g6cp02q] {
        animation: none;
    }

    .ik-stage:not(.is-stacked) .ik-left[b-sh5g6cp02q],
    .ik-stage:not(.is-stacked):not(.is-moved) .ik-left[b-sh5g6cp02q],
    .ik-stage:not(.is-stacked) .ik-frame-col[b-sh5g6cp02q],
    .ik-stage:not(.is-stacked):not(.is-moved) .ik-frame-col[b-sh5g6cp02q] {
        transition: none;
    }
}

.ik-stage.is-instant:not(.is-stacked) .ik-left[b-sh5g6cp02q],
.ik-stage.is-instant:not(.is-stacked) .ik-frame-col[b-sh5g6cp02q],
.ik-stage.is-instant:not(.is-stacked).is-moved .ik-rail[b-sh5g6cp02q] {
    transition: none;
    animation: none;
}

.ik-starters[b-sh5g6cp02q],
.ik-input[b-sh5g6cp02q]::placeholder {
    color: var(--ain-muted);
}

.ik-field-label[b-sh5g6cp02q],
.ik-inspire-title[b-sh5g6cp02q],
.ik-inspire-lede[b-sh5g6cp02q],
.ik-gaps-label[b-sh5g6cp02q],
.ik-waiting[b-sh5g6cp02q],
.ik-value.is-unclear[b-sh5g6cp02q] {
    color: var(--ain-muted);
}

.ik-count[b-sh5g6cp02q] {
    color: #9a4a07;
}

.ik-act:disabled[b-sh5g6cp02q] {
    color: var(--ain-muted);
}

    .ik-act:disabled .ik-act-icon[b-sh5g6cp02q] {
        opacity: 0.6;
    }

.ik-field[b-sh5g6cp02q] {
    border-color: #a39b8a;
}

    .ik-field:hover[b-sh5g6cp02q] {
        border-color: #8f8776;
    }

.ik-rail[b-sh5g6cp02q] {
    flex-flow: column nowrap;
    align-items: stretch;
    gap: 10px;
    padding: 0;
}

.ik-rail-label[b-sh5g6cp02q] {
    transition: color var(--ain-dur-base) ease;
}

.ik-rail.is-ready .ik-rail-label[b-sh5g6cp02q],
.ik-rail.is-running .ik-rail-label[b-sh5g6cp02q] {
    color: var(--ain-ink);
    font-weight: 600;
}

.ik-acts[b-sh5g6cp02q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
    align-items: stretch;
    gap: 10px;
}

.ik-act[b-sh5g6cp02q] {
    height: auto;
    min-height: 64px;
    padding: 11px 16px;
    gap: 13px;
    justify-content: flex-start;
    text-align: left;
    border-radius: var(--ain-radius-lg);
    transition: border-color var(--ain-dur-fast) ease, color var(--ain-dur-fast) ease, background var(--ain-dur-fast) ease, opacity var(--ain-dur-fast) ease, transform var(--ain-dur-fast) ease, box-shadow var(--ain-dur-base) ease;
}

.ik-act-icon[b-sh5g6cp02q] {
    flex: none;
}

.ik-act-text[b-sh5g6cp02q] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1 1 auto;
}

.ik-act-label[b-sh5g6cp02q] {
    font: 600 var(--ain-fs-160)/1.2 var(--ain-font-display);
    letter-spacing: -0.005em;
}

.ik-act-sub[b-sh5g6cp02q] {
    font: 400 var(--ain-fs-125)/1.35 var(--ain-font-body);
    color: var(--ain-muted);
}

.ik-act.is-primary:not(:disabled) .ik-act-sub[b-sh5g6cp02q],
.ik-act.is-busy:disabled .ik-act-sub[b-sh5g6cp02q] {
    color: rgba(var(--ain-white-rgb), 0.76);
}

.ik-act.is-ready:not(.is-primary)[b-sh5g6cp02q] {
    border-color: rgba(var(--ain-accent-rgb), 0.5);
}

.ik-act.is-ready:hover[b-sh5g6cp02q] {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px -10px rgba(var(--ain-ink-rgb), 0.45);
}

.ik-act.is-ready:not(.is-primary):hover[b-sh5g6cp02q] {
    border-color: var(--ain-accent);
}

.ik-act-go[b-sh5g6cp02q] {
    flex: none;
    display: inline-flex;
    opacity: 0.55;
    transition: transform var(--ain-dur-fast) ease, opacity var(--ain-dur-fast) ease;
}

.ik-act.is-ready:hover .ik-act-go[b-sh5g6cp02q] {
    opacity: 1;
    transform: translateX(3px);
}

.ik-act.is-opening[b-sh5g6cp02q] {
    animation: ik-act-open-b-sh5g6cp02q 900ms cubic-bezier(0.2, 0.7, 0.2, 1) 1 backwards;
}

@keyframes ik-act-open-b-sh5g6cp02q {
    from {
        box-shadow: 0 0 0 0 rgba(var(--ain-accent-rgb), 0.45);
        transform: scale(0.985);
    }
}

.ik-ask[b-sh5g6cp02q] {
    margin: 12px 0 0;
    font: 500 var(--ain-fs-170)/1.45 var(--ain-font-body);
    color: var(--ain-ink);
    text-wrap: pretty;
}

@media (prefers-reduced-motion: reduce) {
    .ik-act[b-sh5g6cp02q],
    .ik-act-go[b-sh5g6cp02q],
    .ik-rail-label[b-sh5g6cp02q] {
        transition: none;
    }

        .ik-act.is-opening[b-sh5g6cp02q] {
            animation: none;
        }

        .ik-act.is-ready:hover[b-sh5g6cp02q],
        .ik-act.is-ready:hover .ik-act-go[b-sh5g6cp02q] {
            transform: none;
        }
}

.pg-icon[b-sh5g6cp02q] {
    flex: none;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bs-pg[b-sh5g6cp02q] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 58px 26px 20px;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--ain-slate-rgb), 0.18) transparent;
}

.bs-pg-head[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 30px;
    margin-bottom: 10px;
}

.bs-pg .bs-rail-tagline[b-sh5g6cp02q] {
    margin-bottom: 16px;
}

.bs-pg-card[b-sh5g6cp02q] {
    margin: 0 0 12px;
    padding: 16px 18px 6px;
    border: 1px solid var(--ain-line);
    border-radius: var(--ain-radius-xl);
    background: var(--ain-white);
    box-shadow: var(--ain-shadow-panel);
}

.bs-pg-card-eyebrow[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 9px;
    font: 600 var(--ain-fs-105)/1 var(--ain-font-mono);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ain-muted);
}

    .bs-pg-card-eyebrow .pg-icon[b-sh5g6cp02q] {
        width: 15px;
        height: 15px;
    }

.bs-pg-card-text[b-sh5g6cp02q] {
    margin: 0 0 12px;
    font: 400 calc(15 * var(--ain-px))/1.5 var(--ain-font-serif);
    letter-spacing: -0.003em;
    color: var(--ain-ink);
    text-wrap: pretty;
}

    .bs-pg-card-text.is-clamped[b-sh5g6cp02q] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 9;
        overflow: hidden;
        margin-bottom: 4px;
    }

.bs-pg-card .bs-pg-morebtn[b-sh5g6cp02q] {
    margin: 0 0 12px;
}

.bs-pg-card .bs-pg-hl[b-sh5g6cp02q] {
    border-top: 1px solid var(--ain-line);
}

.bs-pg-card .bs-pg-hl-row[b-sh5g6cp02q] {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 12px;
    padding: 9px 0;
}

    .bs-pg-card .bs-pg-hl-row + .bs-pg-hl-row[b-sh5g6cp02q] {
        border-top-color: var(--ain-line);
    }

.bs-pg-card .bs-pg-badge[b-sh5g6cp02q] {
    width: 30px;
    height: 30px;
}

    .bs-pg-card .bs-pg-badge .pg-icon[b-sh5g6cp02q] {
        width: 16px;
        height: 16px;
    }

.bs-pg-card .bs-pg-label[b-sh5g6cp02q] {
    display: inline;
    margin: 0 8px 0 0;
}

.bs-pg-card .bs-pg-value[b-sh5g6cp02q] {
    font-size: var(--ain-fs-135);
    line-height: 1.36;
    -webkit-line-clamp: 2;
}

.bs-pg-iconbtn[b-sh5g6cp02q] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: var(--ain-radius-sm);
    background: transparent;
    color: var(--ain-umber-500);
    cursor: pointer;
    transition: background var(--ain-dur-fast) ease, color var(--ain-dur-fast) ease;
}

    .bs-pg-iconbtn:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-ochre-rgb), 0.10);
        color: var(--ain-umber-900);
    }

    .bs-pg-iconbtn:disabled[b-sh5g6cp02q] {
        background: transparent;
        color: var(--ain-umber-500);
        opacity: 0.4;
        cursor: not-allowed;
    }

a.bs-pg-iconbtn[b-sh5g6cp02q] {
    text-decoration: none;
}

.bs-pg-tools[b-sh5g6cp02q] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

    .bs-pg-tools .bs-pg-more[b-sh5g6cp02q] {
        margin-left: 6px;
    }

.bs-pg-q[b-sh5g6cp02q] {
    margin: 0 0 8px;
    padding: 13px 18px 8px;
    border: 1px solid rgba(var(--ain-accent-rgb), 0.16);
    border-radius: var(--ain-radius-xl);
    background: rgba(var(--ain-accent-rgb), 0.05);
}

.bs-pg-q-eyebrow[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 9px;
    font: 600 var(--ain-fs-105)/1 var(--ain-font-mono);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ain-accent-ink);
}

    .bs-pg-q-eyebrow .pg-icon[b-sh5g6cp02q] {
        width: 16px;
        height: 16px;
    }

.bs-pg-q-text[b-sh5g6cp02q] {
    margin: 0;
    font: 500 var(--ain-fs-160)/1.34 var(--ain-font-display);
    letter-spacing: -0.012em;
    color: var(--ain-ink);
    text-wrap: pretty;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    animation: bs-pg-q-in-b-sh5g6cp02q 260ms ease backwards;
}

@keyframes bs-pg-q-in-b-sh5g6cp02q {
    from {
        opacity: 0;
        transform: translateY(3px);
    }
}

.bs-pg-q-foot[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
}

.bs-pg-dots[b-sh5g6cp02q] {
    display: inline-flex;
    gap: 5px;
}

.bs-pg-dot[b-sh5g6cp02q] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(var(--ain-accent-rgb), 0.22);
}

    .bs-pg-dot.is-on[b-sh5g6cp02q] {
        background: var(--ain-accent);
    }

.bs-pg-q-next[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--ain-accent-ink);
    cursor: pointer;
    transition: background var(--ain-dur-fast) ease, transform var(--ain-dur-fast) ease;
}

    .bs-pg-q-next:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-accent-rgb), 0.12);
        transform: translateX(2px);
    }

.bs-pg-hl[b-sh5g6cp02q] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bs-pg-hl-row[b-sh5g6cp02q] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 13px 0;
}

    .bs-pg-hl-row + .bs-pg-hl-row[b-sh5g6cp02q] {
        border-top: 1px solid rgba(var(--ain-ochre-rgb), 0.13);
    }

.bs-pg-badge[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 50%;
}

    .bs-pg-badge .pg-icon[b-sh5g6cp02q] {
        width: 19px;
        height: 19px;
    }

    .bs-pg-badge.is-who[b-sh5g6cp02q] {
        background: rgba(var(--ain-teal-rgb), 0.08);
        color: var(--ain-teal-800);
    }

    .bs-pg-badge.is-gap[b-sh5g6cp02q],
    .bs-pg-badge.is-q[b-sh5g6cp02q] {
        background: rgba(var(--ain-accent-rgb), 0.10);
        color: var(--ain-accent-ink);
    }

    .bs-pg-badge.is-why[b-sh5g6cp02q] {
        background: var(--ain-paper-1);
        color: var(--ain-umber-700);
    }

.bs-pg-label[b-sh5g6cp02q] {
    display: block;
    margin: 0 0 5px;
    font: 600 var(--ain-fs-105)/1 var(--ain-font-mono);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ain-muted);
}

.bs-pg-value[b-sh5g6cp02q] {
    margin: 0;
    font: 500 var(--ain-fs-145)/1.38 var(--ain-font-body);
    color: var(--ain-ink);
    text-wrap: pretty;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.bs-pg-more[b-sh5g6cp02q] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 28px;
    padding: 0 10px 0 12px;
    border: 1px solid rgba(var(--ain-ochre-rgb), 0.26);
    border-radius: var(--ain-radius-sm);
    background: rgba(var(--ain-white-rgb), 0.72);
    color: var(--ain-umber-700);
    font: 600 var(--ain-fs-115)/1 var(--ain-font-body);
    cursor: pointer;
    transition: background var(--ain-dur-fast) ease, border-color var(--ain-dur-fast) ease, color var(--ain-dur-fast) ease;
}

    .bs-pg-more .pg-icon[b-sh5g6cp02q] {
        width: 16px;
        height: 16px;
    }

    .bs-pg-more:hover[b-sh5g6cp02q] {
        background: var(--ain-white);
        border-color: rgba(var(--ain-ochre-rgb), 0.44);
        color: var(--ain-umber-900);
    }

    .bs-pg-more.is-open[b-sh5g6cp02q] {
        background: var(--ain-ink);
        border-color: var(--ain-ink);
        color: var(--ain-white);
    }

.bs-pg-foot[b-sh5g6cp02q] {
    position: sticky;
    bottom: -20px;
    margin-top: auto;
    padding: 14px 0 20px;
    margin-bottom: -20px;
    background: #f1f0ec;
}

.bs-pg-bands[b-sh5g6cp02q] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid rgba(var(--ain-ochre-rgb), 0.13);
}

.bs-pg-band[b-sh5g6cp02q] {
    min-width: 0;
    cursor: default;
}

.bs-pg-band-label[b-sh5g6cp02q] {
    display: block;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 500 var(--ain-fs-115)/1 var(--ain-font-body);
    color: var(--ain-muted);
}

.bs-pg-pips[b-sh5g6cp02q] {
    display: inline-flex;
    gap: 3px;
}

.bs-pg-pip[b-sh5g6cp02q] {
    width: 14px;
    height: 4px;
    border-radius: 2px;
    background: rgba(var(--ain-ink-rgb), 0.14);
}

    .bs-pg-pip.is-on[b-sh5g6cp02q] {
        background: var(--ain-ink);
    }

.bs-pg-meta[b-sh5g6cp02q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 9px;
    margin: 16px 0 0;
    font: 500 var(--ain-fs-105)/1.3 var(--ain-font-mono);
    letter-spacing: 0.04em;
    color: var(--ain-muted);
}

    .bs-pg-meta strong[b-sh5g6cp02q] {
        font-weight: 600;
        color: var(--ain-umber-900);
    }

.bs-pg-meta-dot[b-sh5g6cp02q] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.6;
}

.bs-pg-meta-writing[b-sh5g6cp02q] {
    font-style: italic;
}

.brainstorm-grid[b-sh5g6cp02q] {
    position: relative;
    --bs-rail-eff: var(--bs-left-rail-w, 380px);
}

@media (max-width: 1280px) {
    .brainstorm-grid[b-sh5g6cp02q] {
        --bs-rail-eff: min(var(--bs-left-rail-w, 380px), 340px);
    }
}

@media (max-width: 1024px) {
    .brainstorm-grid[b-sh5g6cp02q] {
        --bs-rail-eff: min(var(--bs-left-rail-w, 380px), 300px);
    }
}

@media (max-width: 860px) {
    .bs-pg-ctx[b-sh5g6cp02q] {
        display: none;
    }
}

.bs-pg-ctx[b-sh5g6cp02q] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--bs-rail-eff) + 6px);
    width: min(430px, calc(100% - var(--bs-rail-eff) - 6px - 96px));
    z-index: 20;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: #fbfaf7;
    border-right: 1px solid var(--ain-line-strong);
    box-shadow: 22px 0 44px -30px rgba(var(--ain-ink-rgb), 0.38);
    outline: none;
    animation: bs-pg-ctx-in-b-sh5g6cp02q 240ms cubic-bezier(0.2, 0.8, 0.2, 1) backwards;
}

@keyframes bs-pg-ctx-in-b-sh5g6cp02q {
    from {
        opacity: 0;
        transform: translateX(-14px);
    }
}

.bs-pg-ctx-head[b-sh5g6cp02q] {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 58px 22px 6px 26px;
}

.bs-pg-ctx-title[b-sh5g6cp02q] {
    margin: 0;
}

.bs-pg-ctx-body[b-sh5g6cp02q] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0 26px 24px;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--ain-slate-rgb), 0.18) transparent;
}

.bs-pg-row[b-sh5g6cp02q] {
    padding: 14px 0;
    border-top: 1px solid var(--ain-line);
}

    .bs-pg-row:first-child[b-sh5g6cp02q] {
        border-top: 0;
    }


.bs-pg-row-main[b-sh5g6cp02q] {
    min-width: 0;
}

.bs-pg-title[b-sh5g6cp02q] {
    display: inline-block;
    margin: 0 0 9px;
    padding: 5px 9px 4px;
    border-radius: var(--ain-radius-xs);
    background: rgba(var(--ain-ochre-rgb), 0.10);
    font: 600 var(--ain-fs-105)/1 var(--ain-font-mono);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ain-umber-700);
}

.bs-pg-row.is-writing .bs-pg-title[b-sh5g6cp02q] {
    background: transparent;
    padding-left: 0;
    color: var(--ain-muted);
}

.bs-pg-row-text[b-sh5g6cp02q] {
    margin: 0;
    font: 400 var(--ain-fs-135)/1.52 var(--ain-font-body);
    color: var(--ain-ink);
    text-wrap: pretty;
}

    .bs-pg-row-text.is-statement[b-sh5g6cp02q] {
        font-family: var(--ain-font-serif);
        font-size: var(--ain-fs-145);
    }

.bs-pg-row-note[b-sh5g6cp02q] {
    margin-top: 9px;
    color: var(--ain-umber-700);
}

.bs-pg-row-pending[b-sh5g6cp02q] {
    color: var(--ain-muted);
    font-style: italic;
}

.bs-pg-inline-label[b-sh5g6cp02q] {
    margin-right: 7px;
    font-weight: 600;
    color: var(--ain-muted);
}

.bs-pg-morebtn[b-sh5g6cp02q] {
    margin: 8px 0 0;
    padding: 0;
    border: 0;
    background: none;
    font: 600 var(--ain-fs-115)/1.2 var(--ain-font-body);
    color: var(--ain-accent-ink);
    cursor: pointer;
}

    .bs-pg-morebtn:hover[b-sh5g6cp02q] {
        text-decoration: underline;
        text-underline-offset: 3px;
    }

.bs-pg-steps[b-sh5g6cp02q] {
    display: grid;
    gap: 12px;
    margin-top: 2px;
}

.bs-pg-step[b-sh5g6cp02q] {
    position: relative;
    display: grid;
    grid-template-columns: 9px minmax(0, 1fr);
    gap: 12px;
}

    .bs-pg-step:not(:last-child)[b-sh5g6cp02q]::before {
        content: "";
        position: absolute;
        left: 4px;
        top: 14px;
        bottom: -14px;
        width: 1px;
        background: var(--ain-line-strong);
    }

.bs-pg-step-dot[b-sh5g6cp02q] {
    width: 9px;
    height: 9px;
    margin-top: 3px;
    border: 1.5px solid var(--ain-umber-500);
    border-radius: 50%;
    background: #fbfaf7;
    position: relative;
}

.bs-pg-step.is-ideal .bs-pg-step-dot[b-sh5g6cp02q] {
    border-color: var(--ain-accent);
    background: var(--ain-accent);
}

.bs-pg-step-main[b-sh5g6cp02q] {
    min-width: 0;
}

.bs-pg-box-label[b-sh5g6cp02q] {
    display: block;
    margin-bottom: 3px;
    font: 600 var(--ain-fs-115)/1.2 var(--ain-font-body);
    color: var(--ain-muted);
}

.bs-pg-step.is-ideal .bs-pg-box-label[b-sh5g6cp02q] {
    color: var(--ain-accent-ink);
}

.bs-pg-list[b-sh5g6cp02q] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

    .bs-pg-list li[b-sh5g6cp02q] {
        position: relative;
        padding-left: 14px;
        font: 400 var(--ain-fs-135)/1.45 var(--ain-font-body);
        color: var(--ain-ink);
    }

        .bs-pg-list li[b-sh5g6cp02q]::before {
            content: "";
            position: absolute;
            left: 1px;
            top: 0.62em;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: var(--ain-umber-500);
        }

.bs-pg-checks[b-sh5g6cp02q] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 7px;
}

    .bs-pg-checks li[b-sh5g6cp02q] {
        display: grid;
        grid-template-columns: 16px minmax(0, 1fr);
        gap: 8px;
        font: 400 var(--ain-fs-135)/1.45 var(--ain-font-body);
        color: var(--ain-ink);
    }

    .bs-pg-checks .pg-icon[b-sh5g6cp02q] {
        width: 16px;
        height: 16px;
        margin-top: 2px;
        color: var(--ain-umber-500);
    }

.bs-pg-iconbtn:focus-visible[b-sh5g6cp02q],
.bs-pg-q-next:focus-visible[b-sh5g6cp02q],
.bs-pg-more:focus-visible[b-sh5g6cp02q],
.bs-pg-morebtn:focus-visible[b-sh5g6cp02q] {
    outline: 2px solid var(--ain-focus);
    outline-offset: 2px;
}

@container bs-rail (max-width: 300px) {
    .bs-pg[b-sh5g6cp02q] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .bs-pg-hl-row[b-sh5g6cp02q] {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 11px;
    }

    .bs-pg-badge[b-sh5g6cp02q] {
        width: 34px;
        height: 34px;
    }

    .bs-pg-q-text[b-sh5g6cp02q],
    .bs-pg-card-text[b-sh5g6cp02q] {
        font-size: var(--ain-fs-145);
    }

    .bs-pg-card[b-sh5g6cp02q] {
        padding-left: 14px;
        padding-right: 14px;
    }
    .bs-pg-more-label[b-sh5g6cp02q] {
        display: none;
    }

    .bs-pg-more[b-sh5g6cp02q] {
        padding: 0 8px;
    }

    .bs-pg-pip[b-sh5g6cp02q] {
        width: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bs-pg-q-text[b-sh5g6cp02q],
    .bs-pg-ctx[b-sh5g6cp02q] {
        animation: none;
    }

    .bs-pg-q-next:hover[b-sh5g6cp02q] {
        transform: none;
    }
}

.ik-card.is-reading[b-sh5g6cp02q]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    right: 16px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(var(--ain-accent-rgb), 0), var(--ain-accent) 50%, rgba(var(--ain-accent-rgb), 0)) no-repeat;
    background-size: 40% 100%;
    animation: ik-read-sweep-b-sh5g6cp02q 1.5s cubic-bezier(0.45, 0, 0.55, 1) infinite;
    pointer-events: none;
}

@keyframes ik-read-sweep-b-sh5g6cp02q {
    from {
        background-position: -70% 0;
    }

    to {
        background-position: 170% 0;
    }
}

.ik-card-body.is-updating[b-sh5g6cp02q] {
    opacity: 0.62;
}

@media (prefers-reduced-motion: reduce) {
    .ik-card.is-reading[b-sh5g6cp02q]::after {
        animation: none;
        background-size: 100% 100%;
        opacity: 0.55;
    }
}

.ik-journey[b-sh5g6cp02q] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 36px;
    padding: 0;
    list-style: none;
    font: 500 var(--ain-fs-135)/1.2 var(--ain-font-body);
    color: var(--ain-muted);
}

.ik-journey-step[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: flex-start;
    gap: 9px;
    white-space: nowrap;
    transition: color var(--ain-dur-base) ease;
}

.ik-journey-num[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border: 1px solid var(--ain-line-strong);
    border-radius: var(--ain-radius-pill);
    background: rgba(var(--ain-white-rgb), .6);
    font: 600 var(--ain-fs-115)/1 var(--ain-font-body);
    font-variant-numeric: tabular-nums;
    transition: background-color var(--ain-dur-base) ease, border-color var(--ain-dur-base) ease, color var(--ain-dur-base) ease;
}

    .ik-journey-num .ik-icon[b-sh5g6cp02q] {
        width: 11px;
        height: 11px;
        stroke-width: 2.6;
    }

.ik-journey-text[b-sh5g6cp02q] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-top: 2px;
}

.ik-journey-note[b-sh5g6cp02q] {
    font: 400 var(--ain-fs-125)/1.3 var(--ain-font-body);
    color: var(--ain-muted);
}

.ik-journey-step.is-on .ik-journey-label[b-sh5g6cp02q] {
    font-weight: 600;
    color: var(--ain-accent-ink);
}

.ik-journey-step.is-on .ik-journey-num[b-sh5g6cp02q] {
    border-color: rgba(var(--ain-accent-rgb), .5);
    background: rgba(var(--ain-accent-rgb), .1);
    color: var(--ain-accent-ink);
}

.ik-journey-step.is-done .ik-journey-label[b-sh5g6cp02q] {
    color: var(--ain-ink);
}

.ik-journey-step.is-done .ik-journey-num[b-sh5g6cp02q] {
    border-color: var(--ain-ink);
    background: var(--ain-ink);
    color: var(--ain-white);
}

.ik-journey-line[b-sh5g6cp02q] {
    flex: 0 1 24px;
    min-width: 8px;
    height: 1px;
    margin-top: 10px;
    background: var(--ain-line-strong);
}

.ik-headline[b-sh5g6cp02q] {
    max-width: 600px;
    font-size: var(--ain-fs-340);
    line-height: 1.14;
    letter-spacing: -.028em;
    text-wrap: balance;
}

.ik-field-mark .ik-icon[b-sh5g6cp02q] {
    stroke-width: 1.9;
}

.ik-inspire-safe[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    font: 400 var(--ain-fs-125)/1.3 var(--ain-font-body);
    color: var(--ain-muted);
}

    .ik-inspire-safe .ik-icon[b-sh5g6cp02q] {
        width: 13px;
        height: 13px;
    }

@media (max-width: 700px) {
    .ik-journey[b-sh5g6cp02q] {
        gap: 8px;
        margin-bottom: 26px;
    }

    .ik-journey-line[b-sh5g6cp02q] {
        flex-basis: 14px;
    }

    .ik-journey-step:not(.is-on) .ik-journey-text[b-sh5g6cp02q] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .ik-headline[b-sh5g6cp02q] {
        font-size: var(--ain-fs-280);
    }

    .ik-inspire-safe[b-sh5g6cp02q] {
        margin-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ik-journey-step[b-sh5g6cp02q],
    .ik-journey-num[b-sh5g6cp02q] {
        transition: none;
    }
}

.ik-sticky[b-sh5g6cp02q] {
    --sw: 256px;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: min(var(--sw), 100%);
    margin: -12px 0 0 calc((100% - min(var(--sw), 100%)) * var(--sx, .08));
    padding: 24px 16px 9px;
    border: 1px solid rgba(var(--ain-umber-rgb), .16);
    border-radius: 2px 2px 3px 3px;
    background: linear-gradient(176deg, var(--ain-paper-1) 55%, var(--ain-paper-2));
    box-shadow: 0 1px 1px rgba(var(--ain-ink-rgb), .07), 0 16px 22px -16px rgba(var(--ain-ink-rgb), .45);
    color: var(--ain-umber-900);
    transform: rotate(var(--sr, -2deg));
    transform-origin: 50% 0;
    animation: ik-sticky-post-b-sh5g6cp02q 460ms cubic-bezier(.2, .8, .2, 1) both;
    transition: opacity var(--ain-dur-base) ease;
}

@keyframes ik-sticky-post-b-sh5g6cp02q {
    0% {
        opacity: 0;
        transform: translateY(-22px) rotate(calc(var(--sr, -2deg) * 3)) scale(1.06);
    }

    60% {
        opacity: 1;
        transform: translateY(3px) rotate(calc(var(--sr, -2deg) * .4)) scale(1);
    }

    100% {
        opacity: 1;
        transform: translateY(0) rotate(var(--sr, -2deg)) scale(1);
    }
}

.ik-sticky-tape[b-sh5g6cp02q] {
    position: absolute;
    top: -8px;
    left: 50%;
    width: 70px;
    height: 19px;
    margin-left: -35px;
    border-radius: 1px;
    background: rgba(var(--ain-accent-rgb), .2);
    box-shadow: inset 0 0 0 1px rgba(var(--ain-white-rgb), .4);
    transform: rotate(calc(var(--sr, -2deg) * -1.5));
    pointer-events: none;
}

.ik-sticky-text[b-sh5g6cp02q] {
    margin: 0;
    font: 400 var(--ain-fs-160)/1.36 var(--ain-font-serif);
    letter-spacing: -.004em;
    text-wrap: pretty;
    overflow-wrap: anywhere;
}

.ik-sticky-foot[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 12px -6px 0 0;
    font: 500 var(--ain-fs-115)/1.2 var(--ain-font-body);
    color: var(--ain-umber-500);
}

.ik-sticky-by[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: auto;
}

    .ik-sticky-by .ik-mark[b-sh5g6cp02q] {
        width: 11px;
    }

.ik-sticky-btn[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 3px 6px;
    border: 0;
    border-radius: var(--ain-radius-xs);
    background: none;
    font: inherit;
    color: var(--ain-umber-600);
    cursor: pointer;
    transition: background-color var(--ain-dur-fast) ease, color var(--ain-dur-fast) ease;
}

    .ik-sticky-btn:hover:not(:disabled)[b-sh5g6cp02q] {
        background: rgba(var(--ain-umber-rgb), .1);
        color: var(--ain-umber-900);
    }

    .ik-sticky-btn:focus[b-sh5g6cp02q] {
        outline: none;
    }

    .ik-sticky-btn:focus-visible[b-sh5g6cp02q] {
        outline: 2px solid var(--ain-focus);
        outline-offset: 1px;
    }

    .ik-sticky-btn .ik-icon[b-sh5g6cp02q] {
        width: 12px;
        height: 12px;
    }

    .ik-sticky-btn:disabled[b-sh5g6cp02q] {
        cursor: progress;
    }

        .ik-sticky-btn:disabled .ik-icon[b-sh5g6cp02q] {
            animation: ik-spin-b-sh5g6cp02q 1.1s linear infinite;
        }

.ik-sticky.is-loading .ik-sticky-text[b-sh5g6cp02q] {
    opacity: .55;
}

.ik-brief .ik-sticky[b-sh5g6cp02q] {
    display: none;
}

@media (min-width: 1360px) {
    .ik-stage:not(.is-stacked) .ik-brief .ik-sticky[b-sh5g6cp02q] {
        display: block;
    }

    .ik-stage:not(.is-stacked) .ik-brief.has-sticky .ik-field-body[b-sh5g6cp02q] {
        padding-bottom: 26px;
    }
}

.ik-card-note .ik-sticky[b-sh5g6cp02q] {
    margin-top: 22px;
}

@media (prefers-reduced-motion: reduce) {
    .ik-sticky[b-sh5g6cp02q],
    .ik-sticky-btn[b-sh5g6cp02q],
    .ik-sticky-btn:disabled .ik-icon[b-sh5g6cp02q] {
        transition: none;
        animation: none;
    }
}

.ik-sr[b-sh5g6cp02q] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.ik-cards[b-sh5g6cp02q] {
    padding: 12px 4px 24px;
}

.ik-icard[b-sh5g6cp02q] {
    --r: -1.6deg;
    --y: 0px;
    --tr: -3deg;
    --tx: -14px;
    position: relative;
    display: flex;
    flex: 0 0 176px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    min-height: 192px;
    padding: 19px 14px 11px;
    border: 1px solid transparent;
    border-radius: 2px 2px 3px 3px;
    box-shadow: 0 1px 1px rgba(var(--ain-ink-rgb), .06), 0 12px 18px -14px rgba(var(--ain-ink-rgb), .4);
    font-family: var(--ain-font-body);
    text-align: left;
    cursor: pointer;
    transform: translateY(var(--y)) rotate(var(--r));
    animation: ik-note-down-b-sh5g6cp02q 420ms cubic-bezier(.2, .8, .2, 1) backwards;
    animation-delay: calc(var(--i, 0) * 90ms);
    transition: transform 180ms cubic-bezier(.2, .8, .2, 1), box-shadow var(--ain-dur-base) ease, opacity var(--ain-dur-base) ease;
}

    .ik-icard:nth-child(5n+2)[b-sh5g6cp02q] {
        --r: 1.2deg;
        --y: 9px;
        --tr: 2deg;
        --tx: 10px;
    }

    .ik-icard:nth-child(5n+3)[b-sh5g6cp02q] {
        --r: -.8deg;
        --y: 3px;
        --tr: -1.5deg;
        --tx: 0px;
    }

    .ik-icard:nth-child(5n+4)[b-sh5g6cp02q] {
        --r: 1.9deg;
        --y: 11px;
        --tr: 4deg;
        --tx: -7px;
    }

    .ik-icard:nth-child(5n+5)[b-sh5g6cp02q] {
        --r: -1.3deg;
        --y: 5px;
        --tr: -2.5deg;
        --tx: 13px;
    }

    .ik-icard[b-sh5g6cp02q]::before {
        content: "";
        position: absolute;
        top: -8px;
        left: calc(50% + var(--tx));
        width: 58px;
        height: 17px;
        margin-left: -29px;
        border-radius: 1px;
        background-color: rgba(var(--ain-accent-rgb), .28);
        box-shadow: inset 0 0 0 1px rgba(var(--ain-white-rgb), .42), 0 1px 1px rgba(var(--ain-ink-rgb), .05);
        transform: rotate(var(--tr));
        pointer-events: none;
        animation: ik-tape-ink-b-sh5g6cp02q 560ms ease backwards;
        animation-delay: calc(var(--i, 0) * 90ms + 300ms);
    }

    .ik-icard.is-skeleton[b-sh5g6cp02q]::before {
        background-color: rgba(var(--ain-white-rgb), .58);
        box-shadow: inset 0 0 0 1px rgba(var(--ain-ink-rgb), .07), 0 1px 1px rgba(var(--ain-ink-rgb), .05);
        animation: none;
    }

@keyframes ik-tape-ink-b-sh5g6cp02q {
    from {
        background-color: rgba(var(--ain-white-rgb), .58);
        box-shadow: inset 0 0 0 1px rgba(var(--ain-ink-rgb), .07), 0 1px 1px rgba(var(--ain-ink-rgb), .05);
    }
}

@keyframes ik-note-down-b-sh5g6cp02q {
    from {
        opacity: 0;
        transform: translateY(calc(var(--y) - 16px)) rotate(calc(var(--r) * 2.6)) scale(1.04);
    }
}

.ik-icard.is-problem[b-sh5g6cp02q] {
    border-color: rgba(var(--ain-rose-rgb), .16);
    background: linear-gradient(176deg, var(--ain-rose-1) 55%, var(--ain-rose-2));
    color: var(--ain-rose-900);
}

.ik-icard.is-idea[b-sh5g6cp02q] {
    border-color: rgba(var(--ain-umber-rgb), .16);
    background: linear-gradient(176deg, var(--ain-paper-1) 55%, var(--ain-paper-2));
    color: var(--ain-umber-900);
}

.ik-icard:hover[b-sh5g6cp02q],
.ik-icard:focus-visible[b-sh5g6cp02q] {
    outline: none;
    transform: translateY(calc(var(--y) - 5px)) rotate(0deg);
    box-shadow: 0 1px 1px rgba(var(--ain-ink-rgb), .06), 0 20px 24px -16px rgba(var(--ain-ink-rgb), .5);
}

.ik-icard:focus-visible[b-sh5g6cp02q] {
    outline: 2px solid var(--ain-focus);
    outline-offset: 3px;
}

.ik-icard-kind[b-sh5g6cp02q] {
    font: 600 var(--ain-fs-115)/1 var(--ain-font-body);
    letter-spacing: .02em;
}

.ik-icard.is-problem .ik-icard-kind[b-sh5g6cp02q],
.ik-icard.is-problem .ik-icard-cta[b-sh5g6cp02q] {
    color: var(--ain-rose-600);
}

.ik-icard.is-idea .ik-icard-kind[b-sh5g6cp02q],
.ik-icard.is-idea .ik-icard-cta[b-sh5g6cp02q] {
    color: var(--ain-umber-500);
}

.ik-icard-text[b-sh5g6cp02q] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    font: 500 var(--ain-fs-135)/1.42 var(--ain-font-body);
    color: inherit;
}

.ik-icard-cta[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    align-self: flex-end;
    margin-top: auto;
    font: 600 var(--ain-fs-115)/1.2 var(--ain-font-body);
    opacity: 0;
    transition: opacity var(--ain-dur-fast) ease;
}

    .ik-icard-cta .ik-icon[b-sh5g6cp02q] {
        width: 12px;
        height: 12px;
        stroke-width: 2.4;
    }

.ik-icard:hover .ik-icard-cta[b-sh5g6cp02q],
.ik-icard:focus-visible .ik-icard-cta[b-sh5g6cp02q],
.ik-icard.is-picked .ik-icard-cta[b-sh5g6cp02q] {
    opacity: 1;
}

@media (hover: none) {
    .ik-icard-cta[b-sh5g6cp02q] {
        opacity: 1;
    }
}

.ik-icard.is-picked[b-sh5g6cp02q] {
    transform: translateY(calc(var(--y) - 7px)) rotate(0deg);
    box-shadow: var(--ain-ring-accent), 0 20px 24px -16px rgba(var(--ain-ink-rgb), .5);
}

.ik-cards.has-pick .ik-icard:not(.is-picked)[b-sh5g6cp02q] {
    opacity: .45;
}

.ik-stage.is-committing .ik-icard[b-sh5g6cp02q] {
    cursor: progress;
}

.ik-icard.is-skeleton[b-sh5g6cp02q] {
    gap: 9px;
    border-color: rgba(var(--ain-ink-rgb), .07);
    background: #f8f4ea;
    cursor: default;
}

    .ik-icard.is-skeleton:hover[b-sh5g6cp02q] {
        transform: translateY(var(--y)) rotate(var(--r));
        box-shadow: 0 1px 1px rgba(var(--ain-ink-rgb), .06), 0 12px 18px -14px rgba(var(--ain-ink-rgb), .4);
    }

.ik-bone[b-sh5g6cp02q] {
    display: block;
    width: 100%;
    height: 9px;
    border-radius: var(--ain-radius-xs);
    background: linear-gradient(90deg, rgba(var(--ain-ink-rgb), .05) 0%, rgba(var(--ain-ink-rgb), .11) 50%, rgba(var(--ain-ink-rgb), .05) 100%);
    background-size: 280% 100%;
    animation: ik-shimmer-b-sh5g6cp02q 1.5s ease-in-out infinite;
    animation-delay: calc(var(--i, 0) * 110ms);
}

.ik-bone-kind[b-sh5g6cp02q] {
    width: 46px;
    height: 10px;
    margin-bottom: 3px;
}

.ik-bone.is-short[b-sh5g6cp02q] {
    width: 64%;
}

@media (prefers-reduced-motion: reduce) {
    .ik-bone[b-sh5g6cp02q] {
        animation: none;
    }
}

.ik-inspire-start[b-sh5g6cp02q] {
    gap: 12px;
}

.ik-inspire-btn[b-sh5g6cp02q] {
    overflow: visible;
    isolation: isolate;
    height: 34px;
    padding: 0 15px 0 12px;
    border: 0;
    border-radius: 2px 2px 3px 3px;
    background: none;
    box-shadow: none;
    font: 600 var(--ain-fs-135)/1 var(--ain-font-body);
    color: var(--ain-umber-900);
    transform: rotate(-2deg);
    transition: transform 180ms cubic-bezier(.2, .8, .2, 1);
}

    .ik-inspire-btn[b-sh5g6cp02q]::before,
    .ik-inspire-btn[b-sh5g6cp02q]::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        border-radius: inherit;
        transition: transform 220ms cubic-bezier(.2, .8, .2, 1), box-shadow var(--ain-dur-base) ease;
    }

    .ik-inspire-btn[b-sh5g6cp02q]::before {
        border: 1px solid rgba(var(--ain-rose-rgb), .18);
        background: linear-gradient(176deg, var(--ain-rose-1) 55%, var(--ain-rose-2));
        box-shadow: 0 6px 10px -8px rgba(var(--ain-ink-rgb), .4);
        transform: rotate(6deg) translate(5px, 3px);
    }

    .ik-inspire-btn[b-sh5g6cp02q]::after {
        border: 1px solid rgba(var(--ain-umber-rgb), .18);
        background: linear-gradient(176deg, var(--ain-paper-1) 55%, var(--ain-paper-2));
        box-shadow: 0 1px 1px rgba(var(--ain-ink-rgb), .06), 0 8px 12px -10px rgba(var(--ain-ink-rgb), .45);
    }

    .ik-inspire-btn.is-ready[b-sh5g6cp02q] {
        animation: ik-pad-in-b-sh5g6cp02q 420ms cubic-bezier(.2, .8, .2, 1) backwards;
    }

        .ik-inspire-btn.is-ready:hover[b-sh5g6cp02q],
        .ik-inspire-btn.is-ready:focus-visible[b-sh5g6cp02q] {
            outline: none;
            transform: rotate(0deg) translateY(-2px);
            box-shadow: none;
        }

            .ik-inspire-btn.is-ready:hover[b-sh5g6cp02q]::before,
            .ik-inspire-btn.is-ready:focus-visible[b-sh5g6cp02q]::before {
                transform: rotate(10deg) translate(9px, 4px);
            }

            .ik-inspire-btn.is-ready:hover[b-sh5g6cp02q]::after,
            .ik-inspire-btn.is-ready:focus-visible[b-sh5g6cp02q]::after {
                box-shadow: 0 1px 1px rgba(var(--ain-ink-rgb), .06), 0 14px 16px -12px rgba(var(--ain-ink-rgb), .5);
            }

        .ik-inspire-btn.is-ready:focus-visible[b-sh5g6cp02q] {
            outline: 2px solid var(--ain-focus);
            outline-offset: 5px;
        }

@keyframes ik-pad-in-b-sh5g6cp02q {
    from {
        opacity: 0;
        transform: translateY(-8px) rotate(-6deg) scale(1.04);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ik-inspire-btn[b-sh5g6cp02q]::before,
    .ik-inspire-btn[b-sh5g6cp02q]::after {
        transition: none;
    }
}

.ik-inspire-tools[b-sh5g6cp02q] {
    min-height: 28px;
}

.ik-newset[b-sh5g6cp02q] {
    overflow: visible;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: var(--ain-radius-pill);
    background: none;
    box-shadow: none;
    color: var(--ain-muted);
    transition: color var(--ain-dur-fast) ease, background-color var(--ain-dur-fast) ease;
}

    .ik-newset.is-ready[b-sh5g6cp02q] {
        animation: ik-quiet-in-b-sh5g6cp02q 400ms ease backwards;
    }

    .ik-newset .ik-icon[b-sh5g6cp02q] {
        width: 15px;
        height: 15px;
        color: currentColor;
    }

    .ik-newset .ik-newset-icon[b-sh5g6cp02q] {
        opacity: 1;
    }

    .ik-newset:hover[b-sh5g6cp02q],
    .ik-newset.is-ready:hover[b-sh5g6cp02q],
    .ik-newset.is-ready:focus-visible[b-sh5g6cp02q] {
        background: rgba(var(--ain-ink-rgb), .06);
        box-shadow: none;
        color: var(--ain-accent-ink);
        transform: none;
    }

    .ik-newset:focus-visible[b-sh5g6cp02q] {
        outline: 2px solid var(--ain-focus);
        outline-offset: 2px;
    }

    .ik-newset[b-sh5g6cp02q]::after {
        content: attr(data-tip);
        position: absolute;
        right: 0;
        bottom: calc(100% + 7px);
        z-index: var(--ain-z-popover);
        padding: 5px 9px;
        border-radius: var(--ain-radius-sm);
        background: var(--ain-ink);
        font: 500 var(--ain-fs-115)/1.2 var(--ain-font-body);
        color: #f6f4ef;
        white-space: nowrap;
        opacity: 0;
        transform: translateY(3px);
        pointer-events: none;
        transition: opacity var(--ain-dur-fast) ease, transform var(--ain-dur-fast) ease;
    }

    .ik-newset:hover[b-sh5g6cp02q]::after,
    .ik-newset:focus-visible[b-sh5g6cp02q]::after {
        opacity: 1;
        transform: none;
        transition-delay: 350ms;
    }

@keyframes ik-quiet-in-b-sh5g6cp02q {
    from {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ik-icard[b-sh5g6cp02q]::before,
    .ik-newset[b-sh5g6cp02q]::after {
        animation: none;
        transition: none;
    }
}

.ik-headline[b-sh5g6cp02q] {
    max-width: 22em;
    font: 700 clamp(34px, 3.3vw, 52px)/1.06 var(--ain-font-body);
    letter-spacing: -.036em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

.ik-subline[b-sh5g6cp02q] {
    margin: 14px 0 0;
    max-width: 44em;
    font: 400 var(--ain-fs-200, 20px)/1.4 var(--ain-font-body);
    letter-spacing: -.008em;
    color: var(--ain-muted);
}

.ik-journey[b-sh5g6cp02q] {
    margin: 30px 0 30px;
    padding: 0 0 26px;
    border-bottom: 1px solid var(--ain-line);
}

.ik-journey-label[b-sh5g6cp02q] {
    font-weight: 600;
}

@container ikpage (max-width: 700px) {
    .ik-headline[b-sh5g6cp02q] {
        font-size: 30px;
    }

    .ik-subline[b-sh5g6cp02q] {
        font-size: 17px;
    }
}

@container ikpage (min-width: 1120px) {
    .ik-stage:not(.is-stacked)[b-sh5g6cp02q] {
        --ik-field-h: clamp(412px, 46vh, 500px);
    }
}

.ik-card .ik-rail[b-sh5g6cp02q] {
    flex: none;
    flex-flow: column nowrap;
    align-items: stretch;
    gap: 9px;
    margin: 0;
    padding: 13px 20px 16px;
    border-top: 1px solid var(--ain-line);
    background: rgba(var(--ain-ink-rgb), 0.025);
    border-radius: 0 0 inherit inherit;
}

.ik-card .ik-rail-label[b-sh5g6cp02q] {
    margin: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    font: 500 var(--ain-fs-135)/1.4 var(--ain-font-body);
    color: var(--ain-muted);
}

.ik-card .ik-rail.is-ready .ik-rail-label[b-sh5g6cp02q],
.ik-card .ik-rail.is-running .ik-rail-label[b-sh5g6cp02q] {
    color: var(--ain-ink);
    font-weight: 500;
}

.ik-card .ik-acts[b-sh5g6cp02q] {
    display: flex;
    gap: 10px;
}

.ik-card .ik-act[b-sh5g6cp02q] {
    position: relative;
    overflow: hidden;
    flex: 1 1 0;
    min-width: 0;
    height: 44px;
    min-height: 0;
    padding: 0 16px;
    gap: 9px;
    justify-content: center;
    border-width: 1px;
    border-radius: 10px;
    white-space: nowrap;
}

.ik-card .ik-act-label[b-sh5g6cp02q] {
    font: 600 var(--ain-fs-145, 14.5px)/1 var(--ain-font-body);
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ik-card .ik-act.is-ready[b-sh5g6cp02q] {
    border-color: rgba(var(--ain-ink-rgb), 0.3);
    box-shadow: 0 1px 0 rgba(var(--ain-ink-rgb), 0.06), 0 8px 18px -12px rgba(var(--ain-ink-rgb), 0.5);
}

    .ik-card .ik-act.is-ready:not(.is-primary):hover[b-sh5g6cp02q] {
        border-color: var(--ain-ink);
    }

    .ik-card .ik-act.is-ready.is-primary[b-sh5g6cp02q] {
        border-color: var(--ain-ink);
        box-shadow: inset 0 1px 0 rgba(var(--ain-white-rgb), 0.14), 0 10px 22px -12px rgba(var(--ain-ink-rgb), 0.7);
    }

    .ik-card .ik-act.is-ready:active[b-sh5g6cp02q] {
        transform: translateY(1px);
        box-shadow: none;
    }

.ik-act.is-ready.is-primary[b-sh5g6cp02q]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 26%, rgba(var(--ain-white-rgb), 0.42) 50%, transparent 74%);
    transform: translateX(-130%);
    animation: ik-act-sheen-b-sh5g6cp02q 3.4s ease-in-out 0.9s infinite;
}

.ik-card .ik-act.is-ready.is-primary[b-sh5g6cp02q] {
    animation: ik-act-breathe-b-sh5g6cp02q 3.4s ease-in-out 0.9s infinite;
}

    .ik-card .ik-act.is-ready.is-primary.is-opening[b-sh5g6cp02q] {
        animation: ik-act-open-b-sh5g6cp02q 900ms cubic-bezier(0.2, 0.7, 0.2, 1) 1 backwards, ik-act-breathe-b-sh5g6cp02q 3.4s ease-in-out 0.9s infinite;
    }

    .ik-card .ik-act.is-ready.is-primary:hover[b-sh5g6cp02q],
    .ik-card .ik-act.is-ready.is-primary:focus-visible[b-sh5g6cp02q] {
        animation: none;
    }

@keyframes ik-act-breathe-b-sh5g6cp02q {
    0%, 55%, 100% {
        box-shadow: inset 0 1px 0 rgba(var(--ain-white-rgb), 0.14), 0 10px 22px -12px rgba(var(--ain-ink-rgb), 0.7), 0 0 0 0 rgba(var(--ain-accent-rgb), 0);
    }

    22% {
        box-shadow: inset 0 1px 0 rgba(var(--ain-white-rgb), 0.14), 0 10px 22px -12px rgba(var(--ain-ink-rgb), 0.7), 0 0 0 5px rgba(var(--ain-accent-rgb), 0.28);
    }
}

.ik-act.is-ready.is-primary:hover[b-sh5g6cp02q]::after,
.ik-act.is-ready.is-primary:focus-visible[b-sh5g6cp02q]::after {
    animation: none;
}

@keyframes ik-act-sheen-b-sh5g6cp02q {
    0% {
        transform: translateX(-130%);
    }

    34%, 100% {
        transform: translateX(130%);
    }
}

.ik-act-wrap[b-sh5g6cp02q] {
    position: relative;
    display: flex;
    flex: 1 1 0;
    min-width: 0;
}

    .ik-act-wrap > .ik-act[b-sh5g6cp02q] {
        flex: 1 1 auto;
        width: 100%;
    }

.ik-act-tip[b-sh5g6cp02q] {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 12px);
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: max-content;
    max-width: min(300px, 80vw);
    padding: 11px 14px 12px;
    border-radius: 10px;
    border: 1px solid rgba(var(--ain-white-rgb), 0.75);
    background: rgba(var(--ain-white-rgb), 0.80);
    -webkit-backdrop-filter: blur(16px) saturate(1.5);
    backdrop-filter: blur(16px) saturate(1.5);
    color: var(--ain-muted);
    font: 400 var(--ain-fs-125, 12.5px)/1.45 var(--ain-font-body);
    text-align: left;
    white-space: normal;
    box-shadow: 0 1px 0 rgba(var(--ain-ink-rgb), 0.04), 0 18px 36px -16px rgba(var(--ain-ink-rgb), 0.45);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 4px);
    transition: opacity 140ms ease, transform 140ms ease, visibility 0s linear 140ms;
}

    .ik-act-tip b[b-sh5g6cp02q] {
        font-weight: 600;
        color: var(--ain-ink);
    }

.ik-act-wrap.no-tip > .ik-act-tip[b-sh5g6cp02q] {
    display: none;
}

.ik-act-tip[b-sh5g6cp02q]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    border: solid rgba(var(--ain-ink-rgb), 0.08);
    border-width: 0 1px 1px 0;
    background: rgba(var(--ain-white-rgb), 0.92);
    transform: rotate(45deg);
    border-radius: 0 0 2px 0;
}

.ik-act-wrap:hover > .ik-act-tip[b-sh5g6cp02q],
.ik-act:focus-visible + .ik-act-tip[b-sh5g6cp02q] {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    transition: opacity 160ms ease 380ms, transform 160ms ease 380ms, visibility 0s linear 380ms;
}

.ik-acts > .ik-act-wrap:first-child > .ik-act-tip[b-sh5g6cp02q] {
    left: 0;
    transform: translate(0, 4px);
}

    .ik-acts > .ik-act-wrap:first-child > .ik-act-tip[b-sh5g6cp02q]::after {
        left: 28px;
    }

.ik-acts > .ik-act-wrap:first-child:hover > .ik-act-tip[b-sh5g6cp02q],
.ik-acts > .ik-act-wrap:first-child > .ik-act:focus-visible + .ik-act-tip[b-sh5g6cp02q] {
    transform: translate(0, 0);
}

.ik-acts > .ik-act-wrap:last-child:not(:first-child) > .ik-act-tip[b-sh5g6cp02q] {
    left: auto;
    right: 0;
    transform: translate(0, 4px);
}

    .ik-acts > .ik-act-wrap:last-child:not(:first-child) > .ik-act-tip[b-sh5g6cp02q]::after {
        left: auto;
        right: 23px;
    }

.ik-acts > .ik-act-wrap:last-child:not(:first-child):hover > .ik-act-tip[b-sh5g6cp02q],
.ik-acts > .ik-act-wrap:last-child:not(:first-child) > .ik-act:focus-visible + .ik-act-tip[b-sh5g6cp02q] {
    transform: translate(0, 0);
}

@container ikpage (max-width: 520px) {
    .ik-card .ik-acts[b-sh5g6cp02q] {
        flex-direction: column;
    }

    .ik-card .ik-act-wrap[b-sh5g6cp02q] {
        flex: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ik-act.is-ready.is-primary[b-sh5g6cp02q]::after {
        animation: none;
        display: none;
    }

    .ik-card .ik-act.is-ready.is-primary[b-sh5g6cp02q],
    .ik-card .ik-act.is-ready.is-primary.is-opening[b-sh5g6cp02q] {
        animation: none;
    }

    .ik-act-tip[b-sh5g6cp02q] {
        transition: none;
    }
}

@container ikpage (min-width: 1120px) {
    .ik-stage:not(.is-stacked) .ik-intro > *[b-sh5g6cp02q] {
        width: fit-content;
        transition: transform 680ms cubic-bezier(0.5, 0, 0.1, 1);
    }

    .ik-stage:not(.is-stacked):not(.is-moved) .ik-intro > *[b-sh5g6cp02q] {
        transform: translateX(calc(var(--ik-open-w) / 2 - 50%));
        transition-duration: 460ms;
        transition-delay: 140ms;
    }
    .ik-stage:not(.is-stacked).is-moved .ik-intro > .ik-journey[b-sh5g6cp02q] {
        width: auto;
    }

    .ik-stage.is-instant .ik-intro > *[b-sh5g6cp02q] {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ik-intro > *[b-sh5g6cp02q] {
        transition: none !important;
    }
}

.bs-mini-cockpit[b-sh5g6cp02q],
.bs-mini-cockpit:hover:not(.is-locked)[b-sh5g6cp02q] {
    box-shadow: inset 0 1px 0 rgba(var(--ain-white-rgb), 1), inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.42), 0 1px 2px rgba(var(--ain-umber-rgb), 0.10), 0 10px 28px -12px rgba(var(--ain-umber-rgb), 0.30);
}

@keyframes bs-pill-thinking-b-sh5g6cp02q {
    0%, 100% {
        box-shadow: inset 0 1px 0 rgba(var(--ain-white-rgb), 1), inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.42), 0 1px 2px rgba(var(--ain-umber-rgb), 0.10), 0 10px 28px -12px rgba(var(--ain-umber-rgb), 0.30);
    }

    50% {
        box-shadow: inset 0 1px 0 rgba(var(--ain-white-rgb), 1), inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.52), 0 1px 2px rgba(var(--ain-umber-rgb), 0.12), 0 14px 34px -12px rgba(var(--ain-umber-rgb), 0.40);
    }
}

.bs-mini-cockpit[b-sh5g6cp02q]::after {
    background: linear-gradient(170deg, rgba(var(--ain-white-rgb), 0.98) 0%, rgba(var(--ain-white-rgb), 0.34) 28%, rgba(var(--ain-ochre-rgb), 0.22) 62%, rgba(var(--ain-ochre-rgb), 0.30) 100%);
}

.bs-mini-cockpit[b-sh5g6cp02q] {
    --island-accent: var(--ain-umber-900);
}

.bs-mini-cockpit-title-dot[b-sh5g6cp02q] {
    background: var(--ain-umber-500);
    box-shadow: none;
}

.bs-mini-cockpit-zone-icon[b-sh5g6cp02q] {
    color: var(--ain-umber-500);
}

.bs-mini-cockpit .bs-mini-cockpit-slider-track[b-sh5g6cp02q]::before {
    background: var(--ain-umber-700);
    box-shadow: none;
}

.bs-mini-cockpit-button[b-sh5g6cp02q] {
    box-shadow: 0 1px 2px rgba(160, 5, 88, 0.30), 0 6px 14px -6px rgba(var(--ain-accent-rgb), 0.45), inset 0 1px 0 rgba(var(--ain-white-rgb), 0.26);
}

@media (hover: hover) {
    .bs-idea-card-pending:not(:hover):not(:focus-within):not(.bs-idea-card-selected):not(.bs-idea-card-feedback-open):not(.bs-guide-reveal):not(:has(.bs-card-action-kill.pending)) :is(.bs-card-actions, .bs-chip-edit, .bs-chip-comment:not(.active))[b-sh5g6cp02q] {
        opacity: 0;
        transform: translateY(3px);
        pointer-events: none;
    }
}

.bs-card-action[b-sh5g6cp02q],
.bs-idea-card .bs-chip-edit[b-sh5g6cp02q],
.bs-idea-card .bs-chip-comment:not(.active)[b-sh5g6cp02q] {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.bs-card-action[b-sh5g6cp02q] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    font-size: var(--ain-fs-125);
    color: var(--ain-umber-500);
}

.bs-idea-card-pending .bs-card-action-promote[b-sh5g6cp02q],
.bs-idea-card-pending .bs-card-action-kill[b-sh5g6cp02q] {
    color: var(--ain-umber-500);
}

.bs-card-action:hover[b-sh5g6cp02q],
.bs-idea-card .bs-chip-edit:hover[b-sh5g6cp02q],
.bs-idea-card .bs-chip-comment:not(.active):hover[b-sh5g6cp02q] {
    background: rgba(var(--ain-umber-rgb), 0.10);
    color: var(--ain-umber-900);
}

.bs-card-action-promote:hover[b-sh5g6cp02q] {
    color: #047857;
}

.bs-card-action-kill:hover[b-sh5g6cp02q] {
    color: #9f1d1d;
}

.bs-tier-descriptor[b-sh5g6cp02q] {
    font-size: var(--ain-fs-160, 16px);
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(var(--ain-umber-rgb), 0.26);
    margin: 2px 0 30px;
    user-select: none;
}

.bs-ainna-line-ambient[b-sh5g6cp02q],
.bs-ainna-line-ambient .bs-ainna-line-text[b-sh5g6cp02q] {
    font-size: var(--ain-fs-160, 16px);
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(var(--ain-umber-rgb), 0.26);
    user-select: none;
}

.bs-toasts[b-sh5g6cp02q] {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 96px;
    z-index: var(--ain-z-toast);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    pointer-events: none;
}

.bs-toast[b-sh5g6cp02q] {
    pointer-events: auto;
    box-sizing: border-box;
    max-width: min(560px, 100%);
    border: 1px solid rgba(var(--ain-white-rgb), 0.10);
    background: #1d1a14;
    color: #fdfbf7;
    font: 400 var(--ain-fs-135)/1.45 var(--ain-font-body);
    box-shadow: 0 1px 2px rgba(var(--ain-ink-rgb), 0.30), 0 18px 40px -14px rgba(var(--ain-ink-rgb), 0.55);
}

.bs-toasts .bs-undo[b-sh5g6cp02q] {
    position: static;
    margin: 0;
    max-width: 100%;
    background: #1d1a14;
    box-shadow: 0 1px 2px rgba(var(--ain-ink-rgb), 0.30), 0 18px 40px -14px rgba(var(--ain-ink-rgb), 0.55);
}

.bs-toasts .bs-undo-btn[b-sh5g6cp02q] {
    background: #fdfbf7;
    color: #1d1a14;
}

    .bs-toasts .bs-undo-btn:hover[b-sh5g6cp02q] {
        background: var(--ain-white);
    }

.bs-toast-batch[b-sh5g6cp02q] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 18px 15px 16px;
    border-radius: 16px;
    animation: bs-toast-life-b-sh5g6cp02q 10s ease both;
}

    .bs-toast-batch:hover[b-sh5g6cp02q] {
        animation-play-state: paused;
    }

.bs-toast-icon[b-sh5g6cp02q] {
    flex: none;
    margin-top: 3px;
    font-size: var(--ain-fs-135);
    color: rgba(var(--ain-white-rgb), 0.70);
}

.bs-toast-body[b-sh5g6cp02q] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    color: rgba(var(--ain-white-rgb), 0.74);
}

    .bs-toast-body b[b-sh5g6cp02q] {
        font-weight: 600;
        color: var(--ain-white);
    }

.bs-toast-hint[b-sh5g6cp02q] {
    margin-top: 4px;
    padding-top: 7px;
    border-top: 1px solid rgba(var(--ain-white-rgb), 0.14);
}

@keyframes bs-toast-life-b-sh5g6cp02q {
    0% {
        opacity: 0;
        transform: translateY(10px);
        visibility: visible;
    }

    4%, 92% {
        opacity: 1;
        transform: none;
        visibility: visible;
    }

    100% {
        opacity: 0;
        transform: translateY(6px);
        visibility: hidden;
    }
}

@media (prefers-reduced-motion: reduce) {
    @keyframes bs-toast-life-b-sh5g6cp02q {
        0%, 92% {
            opacity: 1;
            visibility: visible;
        }

        100% {
            opacity: 0;
            visibility: hidden;
        }
    }
}

.bs-sr-only[b-sh5g6cp02q] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.bs-pg-more[b-sh5g6cp02q] {
    width: 30px;
    height: 30px;
    padding: 0;
    gap: 0;
    justify-content: center;
    border-color: transparent;
    background: transparent;
}

.bs-pg-more-chev[b-sh5g6cp02q] {
    transition: transform var(--ain-dur-fast) ease;
}

.bs-pg-more.is-open .bs-pg-more-chev[b-sh5g6cp02q] {
    transform: rotate(180deg);
}

.bs-pg-head[b-sh5g6cp02q] {
    margin-bottom: 16px;
}

.bs-pg .bs-rail-title[b-sh5g6cp02q] {
    margin-bottom: 26px;
}

.bs-pg-card[b-sh5g6cp02q] {
    margin-bottom: 20px;
    padding: 20px 20px 10px;
}

.bs-pg-foot[b-sh5g6cp02q] {
    background: #e6e3db;
}

.brainstorm-rail-left[b-sh5g6cp02q],
.brainstorm-timeline[b-sh5g6cp02q],
.brainstorm-timeline.is-collapsed[b-sh5g6cp02q] {
    background: linear-gradient(180deg, #ebe8e1 0%, #e6e3db 100%);
}

.brainstorm-rail-left[b-sh5g6cp02q] {
    border-right-color: rgba(var(--ain-ochre-rgb), 0.20);
}

.brainstorm-timeline[b-sh5g6cp02q] {
    border-left-color: rgba(var(--ain-ochre-rgb), 0.20);
}

.bs-tier-cards[b-sh5g6cp02q] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 264px), 320px));
    justify-content: center;
}

.bs-tier-descriptor[b-sh5g6cp02q],
.bs-ainna-line-ambient[b-sh5g6cp02q],
.bs-ainna-line-ambient .bs-ainna-line-text[b-sh5g6cp02q] {
    font-size: var(--ain-fs-115, 11.5px);
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #b9b3a6;
}

.bs-tier-descriptor[b-sh5g6cp02q] {
    margin: 0 0 24px;
}

.bs-pg-bands[b-sh5g6cp02q] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 22px;
    padding-top: 14px;
}

.bs-pg-band[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.bs-pg-band-label[b-sh5g6cp02q] {
    margin: 0;
    font: 500 var(--ain-fs-115, 11.5px)/1.2 var(--ain-font-body);
    color: var(--ain-muted);
}

.bs-pg-pips[b-sh5g6cp02q] {
    gap: 4px;
    flex: none;
}

.bs-pg-pip[b-sh5g6cp02q] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(var(--ain-ink-rgb), 0.16);
}

    .bs-pg-pip.is-on[b-sh5g6cp02q] {
        background: var(--ain-umber-700);
    }

.bs-pg-meta[b-sh5g6cp02q] {
    margin-top: 12px;
    font: 500 var(--ain-fs-105, 10.5px)/1.3 var(--ain-font-body);
    letter-spacing: 0.01em;
}

.bs-toast[b-sh5g6cp02q],
.bs-toasts .bs-undo[b-sh5g6cp02q] {
    border: 1px solid rgba(var(--ain-white-rgb), 0.70);
    background: rgba(var(--ain-white-rgb), 0.72);
    -webkit-backdrop-filter: blur(18px) saturate(1.6);
    backdrop-filter: blur(18px) saturate(1.6);
    color: var(--ain-ink);
    box-shadow: inset 0 1px 0 rgba(var(--ain-white-rgb), 0.90), 0 0 0 1px rgba(var(--ain-ink-rgb), 0.06), 0 18px 36px -14px rgba(var(--ain-ink-rgb), 0.32);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .bs-toast[b-sh5g6cp02q],
    .bs-toasts .bs-undo[b-sh5g6cp02q] {
        background: rgba(var(--ain-white-rgb), 0.96);
    }
}

.bs-toast-batch[b-sh5g6cp02q] {
    align-items: center;
    gap: 10px;
    padding: 10px 16px 10px 14px;
    border-radius: 18px;
    animation-duration: 7s;
}

.bs-toast-dot[b-sh5g6cp02q] {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ain-accent);
}

.bs-toast-body[b-sh5g6cp02q] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 10px;
    font-size: var(--ain-fs-130, 13px);
    color: var(--ain-muted);
}

    .bs-toast-body b[b-sh5g6cp02q] {
        color: var(--ain-ink);
    }

.bs-toasts .bs-undo[b-sh5g6cp02q] {
    color: var(--ain-ink);
}

.bs-toasts .bs-undo-btn[b-sh5g6cp02q] {
    background: var(--ain-ink);
    color: var(--ain-white);
}

    .bs-toasts .bs-undo-btn:hover[b-sh5g6cp02q] {
        background: var(--ain-umber-700);
    }

.bs-mini-cockpit-title-label[b-sh5g6cp02q],
.bs-mini-cockpit-zone-caption[b-sh5g6cp02q] {
    font-family: var(--ain-font-body);
    font-size: var(--ain-fs-120, 12px);
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: none;
    color: var(--ain-umber-700);
}

.bs-mini-cockpit-title-dot[b-sh5g6cp02q] {
    display: none;
}

.bs-mini-cockpit-zone-icon[b-sh5g6cp02q] {
    color: var(--ain-umber-500);
}

.bs-mini-cockpit-zone-value[b-sh5g6cp02q] {
    font-family: var(--ain-font-body);
    font-weight: 500;
    letter-spacing: 0;
    color: var(--ain-ink);
}

.bs-mini-cockpit .bs-mini-cockpit-slider-track .bs-generator-slider-fill[b-sh5g6cp02q] {
    background: var(--ain-umber-700);
    box-shadow: none;
}

.bs-mini-cockpit-slider-track .bs-generator-slider[b-sh5g6cp02q]::-webkit-slider-thumb {
    border-color: var(--ain-umber-700);
    background: var(--ain-white);
}

.bs-mini-cockpit-slider-track .bs-generator-slider[b-sh5g6cp02q]::-moz-range-thumb {
    border-color: var(--ain-umber-700);
    background: var(--ain-white);
}

.bs-mini-cockpit-input:focus[b-sh5g6cp02q],
.bs-mini-cockpit-input:focus-visible[b-sh5g6cp02q] {
    border-color: rgba(var(--ain-umber-rgb), 0.55);
    box-shadow: 0 0 0 3px rgba(var(--ain-umber-rgb), 0.12);
}

.bs-mini-cockpit-button[b-sh5g6cp02q] {
    font-family: var(--ain-font-body);
    font-weight: 600;
    letter-spacing: 0;
}

.bs-pg-head[b-sh5g6cp02q] {
    justify-content: flex-end;
    min-height: 30px;
    margin-bottom: 10px;
}

    .bs-pg-head > .bs-rail-eyebrow[b-sh5g6cp02q] {
        margin-right: auto;
    }

.bs-pg .bs-pg-card--problem .bs-pg-card-name[b-sh5g6cp02q] {
    margin: 2px 0 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--ain-line);
    font-size: var(--ain-fs-220, 22px);
    line-height: 1.16;
    text-wrap: balance;
}

.bs-pg-q[b-sh5g6cp02q] {
    --sr: -1.4deg;
    position: relative;
    margin: 18px 6px 26px;
    padding: 26px 20px 12px;
    border: 1px solid rgba(var(--ain-umber-rgb), 0.16);
    border-radius: 2px 2px 3px 3px;
    background: linear-gradient(176deg, var(--ain-paper-1) 55%, var(--ain-paper-2));
    box-shadow: 0 1px 1px rgba(var(--ain-ink-rgb), 0.07), 0 18px 24px -16px rgba(var(--ain-ink-rgb), 0.45);
    color: var(--ain-umber-900);
    transform: rotate(var(--sr));
    transform-origin: 50% 0;
}

.bs-pg-q-tape[b-sh5g6cp02q] {
    position: absolute;
    top: -9px;
    left: 50%;
    width: 72px;
    height: 19px;
    margin-left: -36px;
    border-radius: 1px;
    background: rgba(var(--ain-accent-rgb), 0.2);
    box-shadow: inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.4);
    transform: rotate(calc(var(--sr) * -1.5));
    pointer-events: none;
}

.bs-pg-q-eyebrow[b-sh5g6cp02q] {
    font: 600 var(--ain-fs-105, 10.5px)/1 var(--ain-font-body);
    letter-spacing: 0.1em;
    color: var(--ain-umber-500);
}

    .bs-pg-q-eyebrow .pg-icon[b-sh5g6cp02q] {
        color: var(--ain-umber-500);
    }

.bs-pg-q-text[b-sh5g6cp02q] {
    font: 400 var(--ain-fs-170, 17px)/1.36 var(--ain-font-serif);
    letter-spacing: -0.004em;
    color: var(--ain-umber-900);
    text-wrap: pretty;
}

.bs-pg-dot[b-sh5g6cp02q] {
    background: rgba(var(--ain-umber-rgb), 0.22);
}

    .bs-pg-dot.is-on[b-sh5g6cp02q] {
        background: var(--ain-umber-700);
    }

.bs-pg-q-next[b-sh5g6cp02q] {
    color: var(--ain-umber-700);
}

    .bs-pg-q-next:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-umber-rgb), 0.12);
    }

@media (prefers-reduced-motion: reduce) {
    .bs-pg-q[b-sh5g6cp02q] {
        transform: none;
    }
}

.bs-pg-card-top[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
}

    .bs-pg-card-top .bs-pg-card-eyebrow[b-sh5g6cp02q] {
        margin: 0;
    }

    .bs-pg-card-top .bs-pg-tools[b-sh5g6cp02q] {
        margin-right: -6px;
    }

.bs-pg-head:empty[b-sh5g6cp02q] {
    display: none;
}

.bs-pg-band[b-sh5g6cp02q] {
    justify-content: flex-start;
    gap: 10px;
}

.bs-pg-band-label[b-sh5g6cp02q] {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bs-pg-iconbtn .bs-spinner[b-sh5g6cp02q] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid currentColor;
    border-right-color: transparent;
    animation: bs-pg-spin-b-sh5g6cp02q 0.7s linear infinite;
}

.bs-pg-iconbtn.is-busy[b-sh5g6cp02q] {
    cursor: progress;
    opacity: 0.8;
}

@keyframes bs-pg-spin-b-sh5g6cp02q {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bs-pg-iconbtn .bs-spinner[b-sh5g6cp02q] {
        animation: none;
        border-right-color: currentColor;
        opacity: 0.5;
    }
}

.bs-tier-promoted[b-sh5g6cp02q],
.bs-tier-working[b-sh5g6cp02q],
.bs-tier-parked[b-sh5g6cp02q],
.bs-tier-killed[b-sh5g6cp02q] {
    --tier-swatch: var(--ain-white);
    --tier-pill-ink: var(--ain-umber-900);
    --tier-pill-ink-2: var(--ain-umber-600);
    --tier-pill-edge: var(--tier-rule);
    --tier-pill-shadow: 0 1px 2px rgba(var(--ain-umber-rgb), 0.10), 0 4px 12px -6px rgba(var(--ain-umber-rgb), 0.24);
}

.bs-tier-promoted[b-sh5g6cp02q],
.bs-tier-parked[b-sh5g6cp02q],
.bs-tier-killed[b-sh5g6cp02q] {
    --tier-glyph: var(--tier-accent-ink);
}

.bs-tier-pill[b-sh5g6cp02q] {
    gap: 7px;
    padding: 3px 4px 3px 10px;
}

.bs-tier-pill-icon[b-sh5g6cp02q] {
    width: 14px;
    height: 14px;
    font-size: var(--ain-fs-125);
}

.bs-tier-pill-name[b-sh5g6cp02q] {
    font-size: var(--ain-fs-115);
    letter-spacing: 0.14em;
}

.bs-tier-pill-sep[b-sh5g6cp02q] {
    height: 12px;
}

.bs-tier-pill-count[b-sh5g6cp02q],
.bs-tier-pill-fraction[b-sh5g6cp02q] {
    font-size: var(--ain-fs-125);
}

.bs-tier-pill-fraction[b-sh5g6cp02q] {
    margin-left: -6px;
}

.bs-tier-info-btn[b-sh5g6cp02q],
.bs-tier-pill-add[b-sh5g6cp02q] {
    width: 20px;
    height: 20px;
}

.bs-tier-info-btn[b-sh5g6cp02q] {
    font-size: var(--ain-fs-105);
}

.bs-tier-pill .bs-tier-info-btn:hover[b-sh5g6cp02q],
.bs-tier-pill .bs-tier-info-btn:focus-visible[b-sh5g6cp02q] {
    background: rgba(var(--ain-umber-rgb), 0.08);
}

.bs-tier-pill-add[b-sh5g6cp02q] {
    background: rgba(var(--ain-umber-rgb), 0.07);
}

    .bs-tier-pill-add:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-umber-rgb), 0.13);
    }

.brainstorm-grid .bs-tier-promoted .bs-tier-pill button:focus-visible[b-sh5g6cp02q] {
    outline-color: var(--ain-focus);
}

@keyframes bs-tier-pill-breathe-b-sh5g6cp02q {
    0%, 100% {
        box-shadow: var(--tier-pill-shadow), 0 0 0 0 rgba(var(--ain-signal-rgb), 0);
    }

    50% {
        box-shadow: var(--tier-pill-shadow), 0 0 0 4px rgba(var(--ain-signal-rgb), 0.16);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bs-tier-pill.is-generating[b-sh5g6cp02q] {
        box-shadow: var(--tier-pill-shadow), 0 0 0 3px rgba(var(--ain-signal-rgb), 0.14);
    }
}

.bs-tier-header[b-sh5g6cp02q] {
    gap: 10px;
    padding: 12px 18px 8px;
}

    .bs-tier-header[b-sh5g6cp02q]::before,
    .bs-tier-header[b-sh5g6cp02q]::after {
        margin-bottom: 0;
    }

.ik-stage .ik-intro > .ik-welcome-wrap[b-sh5g6cp02q],
.ik-stage:not(.is-stacked) .ik-intro > .ik-welcome-wrap[b-sh5g6cp02q] {
    width: min(460px, 100%);
    margin: -14px 0 0;
}

.ik-sticky.is-welcome[b-sh5g6cp02q] {
    --sr: -1.2deg;
    width: 100%;
    margin: 0;
}

.ik-sticky-btn.is-primary[b-sh5g6cp02q] {
    font-weight: 600;
    color: var(--ain-umber-900);
}

.bs-guide-note[b-sh5g6cp02q] {
    --sr: -1.2deg;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: min(360px, 100%);
    margin: 4px auto 18px;
    padding: 22px 18px 8px;
    border: 1px solid rgba(var(--ain-umber-rgb), 0.16);
    border-radius: 2px 2px 3px 3px;
    background: linear-gradient(176deg, var(--ain-paper-1) 55%, var(--ain-paper-2));
    box-shadow: 0 1px 1px rgba(var(--ain-ink-rgb), 0.07), 0 16px 22px -16px rgba(var(--ain-ink-rgb), 0.45);
    color: var(--ain-umber-900);
    text-align: left;
    transform: rotate(var(--sr));
    transform-origin: 50% 0;
    animation: ik-sticky-post-b-sh5g6cp02q 460ms cubic-bezier(.2, .8, .2, 1) both;
}

    .bs-guide-note.is-ideate[b-sh5g6cp02q] {
        --sr: 1deg;
        margin: 8px auto;
    }

.bs-guide-tape[b-sh5g6cp02q] {
    position: absolute;
    top: -8px;
    left: 50%;
    width: 70px;
    height: 19px;
    margin-left: -35px;
    border-radius: 1px;
    background: rgba(var(--ain-accent-rgb), 0.2);
    box-shadow: inset 0 0 0 1px rgba(var(--ain-white-rgb), 0.4);
    transform: rotate(calc(var(--sr) * -1.5));
    pointer-events: none;
}

.bs-guide-text[b-sh5g6cp02q] {
    margin: 0;
    font: 400 var(--ain-fs-145)/1.42 var(--ain-font-serif);
    letter-spacing: -0.004em;
    text-wrap: pretty;
    overflow-wrap: anywhere;
}

.bs-guide-foot[b-sh5g6cp02q] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 10px -6px 0 0;
    font: 500 var(--ain-fs-115)/1.2 var(--ain-font-body);
    color: var(--ain-umber-500);
}

.bs-guide-by[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: auto;
}

    .bs-guide-by .ik-mark[b-sh5g6cp02q] {
        width: 11px;
    }

.bs-guide-btn[b-sh5g6cp02q] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 8px;
    border: 0;
    border-radius: var(--ain-radius-xs);
    background: none;
    font: inherit;
    font-weight: 600;
    color: var(--ain-umber-900);
    cursor: pointer;
    transition: background-color var(--ain-dur-fast) ease, color var(--ain-dur-fast) ease;
}

    .bs-guide-btn.is-quiet[b-sh5g6cp02q] {
        font-weight: 500;
        color: var(--ain-umber-600);
    }

    .bs-guide-btn:hover[b-sh5g6cp02q] {
        background: rgba(var(--ain-umber-rgb), 0.1);
        color: var(--ain-umber-900);
    }

    .bs-guide-btn:focus[b-sh5g6cp02q] {
        outline: none;
    }

    .bs-guide-btn:focus-visible[b-sh5g6cp02q] {
        outline: 2px solid var(--ain-focus);
        outline-offset: 1px;
    }

.bs-ainna-line-guide[b-sh5g6cp02q] {
    justify-content: center;
    font-size: var(--ain-fs-135);
    line-height: 1.5;
    text-align: center;
    color: var(--ain-umber-700);
}

.bs-guide-lead[b-sh5g6cp02q] {
    font-weight: 600;
    color: var(--ain-umber-900);
}

.bs-guide-move[b-sh5g6cp02q] {
    white-space: nowrap;
}

    .bs-guide-move i[b-sh5g6cp02q] {
        margin: 0 5px 0 2px;
        font-size: 0.9em;
        color: var(--ain-umber-500);
    }

.bs-graduate-action.is-teaching[b-sh5g6cp02q] {
    width: auto;
    gap: 8px;
    padding: 0 13px 0 12px;
    box-shadow: 0 2px 6px rgba(var(--ain-teal-rgb), 0.28), 0 0 0 3px rgba(var(--ain-accent-rgb), 0.16);
}

    .bs-graduate-action.is-teaching span[b-sh5g6cp02q] {
        font: 600 var(--ain-fs-125)/1 var(--ain-font-body);
        color: var(--ain-teal-ink);
        white-space: nowrap;
    }

@media (prefers-reduced-motion: reduce) {
    .bs-guide-note[b-sh5g6cp02q],
    .bs-guide-btn[b-sh5g6cp02q] {
        animation: none;
        transition: none;
    }
}
/* /Components/AinnaLoadingState.razor.rz.scp.css */
.ainna-loader-wrapper[b-yrvfvunuap] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

    .ainna-loader-wrapper.fullscreen[b-yrvfvunuap] {
        position: fixed;
        inset: 0;
        background: #fff;
        z-index: 10000;
        width: 100vw;
        height: 100vh;
        min-height: 0;
    }

    .ainna-loader-wrapper.centered[b-yrvfvunuap] {
        align-items: center;
        justify-content: center;
    }

.loader-content[b-yrvfvunuap] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex: 0 0 auto;
    margin: auto;
}

.visually-hidden[b-yrvfvunuap] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}


.ainna-logo[b-yrvfvunuap] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    animation: ainna-logoIn-b-yrvfvunuap 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}

    .ainna-logo img[b-yrvfvunuap] {
        height: 44px;
        width: auto;
        object-fit: contain;
    }

@keyframes ainna-logoIn-b-yrvfvunuap {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}


.loading-message[b-yrvfvunuap] {
    font-family: var(--font, 'Inter', sans-serif);
    font-size: var(--text-md, 0.875rem);
    font-weight: var(--font-weight-regular, 400);
    color: var(--ink-4, #475569);
    text-align: center;
    line-height: 1.4;
    max-width: 40ch;
    min-height: 2.8em;
    animation: ainna-messageFade-b-yrvfvunuap 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes ainna-messageFade-b-yrvfvunuap {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.ainna-anim[b-yrvfvunuap] {
    flex-shrink: 0;
}


.ainna-anim-generation[b-yrvfvunuap] {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
}

    .ainna-anim-generation .spinner-ring[b-yrvfvunuap] {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: var(--accent, #f00c71);
        animation: ainna-spin-b-yrvfvunuap 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
    }

        .ainna-anim-generation .spinner-ring:nth-child(2)[b-yrvfvunuap] {
            width: 80%;
            height: 80%;
            top: 10%;
            left: 10%;
            border-top-color: var(--accent-light, #ff4d94);
            animation-delay: 0.2s;
            animation-duration: 1.3s;
        }

        .ainna-anim-generation .spinner-ring:nth-child(3)[b-yrvfvunuap] {
            width: 60%;
            height: 60%;
            top: 20%;
            left: 20%;
            border-top-color: var(--premium-gold, #c9a84c);
            animation-delay: 0.4s;
            animation-duration: 1.1s;
        }

    .ainna-anim-generation .center-icon[b-yrvfvunuap] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 33%;
        height: 33%;
        background: var(--gradient-primary, linear-gradient(135deg, #f00c71, #ff4d94));
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        animation: ainna-pulse-b-yrvfvunuap 2s ease-in-out infinite;
    }

        .ainna-anim-generation .center-icon[b-yrvfvunuap]::after {
            content: 'AI';
            color: white;
            font-weight: 700;
            font-size: 16px;
        }


.ainna-anim-processing[b-yrvfvunuap] {
    display: inline-flex;
    gap: 8px;
}

    .ainna-anim-processing .dot[b-yrvfvunuap] {
        width: 12px;
        height: 12px;
        background: var(--accent, #f00c71);
        border-radius: 50%;
        animation: ainna-processingDot-b-yrvfvunuap 1.4s ease-in-out infinite;
    }

        .ainna-anim-processing .dot:nth-child(2)[b-yrvfvunuap] {
            animation-delay: 0.2s;
            opacity: 0.8;
        }

        .ainna-anim-processing .dot:nth-child(3)[b-yrvfvunuap] {
            animation-delay: 0.4s;
            opacity: 0.6;
        }

        .ainna-anim-processing .dot:nth-child(4)[b-yrvfvunuap] {
            animation-delay: 0.6s;
            opacity: 0.4;
        }


.ainna-anim-docstack[b-yrvfvunuap] {
    position: relative;
    width: 80px;
    height: 100px;
}

    .ainna-anim-docstack .doc[b-yrvfvunuap] {
        position: absolute;
        width: 75%;
        height: 80%;
        background: white;
        border: 2px solid var(--accent, #f00c71);
        border-radius: 4px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        animation: ainna-stackFloat-b-yrvfvunuap 3s ease-in-out infinite;
        box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.06));
    }

        .ainna-anim-docstack .doc[b-yrvfvunuap]::before {
            content: '';
            position: absolute;
            top: 12%;
            left: 15%;
            right: 15%;
            height: 4%;
            background: var(--border-color, #e8eaed);
            border-radius: 2px;
        }

        .ainna-anim-docstack .doc[b-yrvfvunuap]::after {
            content: '';
            position: absolute;
            top: 25%;
            left: 15%;
            right: 25%;
            height: 4%;
            background: var(--border-color, #e8eaed);
            border-radius: 2px;
        }

        .ainna-anim-docstack .doc:nth-child(2)[b-yrvfvunuap] {
            transform: translate(-50%, -50%) rotate(-5deg);
            animation-delay: 0.3s;
            border-color: var(--accent-light, #ff4d94);
        }

        .ainna-anim-docstack .doc:nth-child(3)[b-yrvfvunuap] {
            transform: translate(-50%, -50%) rotate(5deg);
            animation-delay: 0.6s;
            border-color: var(--premium-gold, #c9a84c);
        }


.ainna-anim-progress[b-yrvfvunuap] {
    width: 300px;
    max-width: 90vw;
}

.progress-bar[b-yrvfvunuap] {
    height: 6px;
    background: var(--border-color, #e8eaed);
    border-radius: 3px;
    overflow: hidden;
}

.progress-fill[b-yrvfvunuap] {
    height: 100%;
    background: var(--gradient-primary, linear-gradient(90deg, #f00c71, #ff4d94));
    border-radius: 3px;
    transition: width 0.3s ease;
}

.progress-label[b-yrvfvunuap] {
    margin-top: 15px;
    font-family: var(--font, 'Inter', sans-serif);
    font-size: var(--text-sm, 0.75rem);
    color: var(--ink-5, #64748b);
    font-weight: var(--font-weight-medium, 500);
    text-align: center;
}


.ainna-anim-orbit[b-yrvfvunuap] {
    position: relative;
    width: 80px;
    height: 80px;
}

.orbit-track[b-yrvfvunuap] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1.5px solid rgba(29, 26, 20, 0.10);
}

.orbit-dot[b-yrvfvunuap] {
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--accent, #f00c71);
    border-radius: 50%;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    box-shadow: 0 0 12px var(--accent, #f00c71), 0 0 4px var(--accent, #f00c71);
    transform-origin: 5px 45px;
    animation: ainna-orbit-b-yrvfvunuap 2.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.orbit-trace[b-yrvfvunuap] {
    position: absolute;
    width: 6px;
    height: 6px;
    background: var(--accent-light, #ff4d94);
    border-radius: 50%;
    top: -3px;
    left: 50%;
    margin-left: -3px;
    opacity: 0.35;
    transform-origin: 3px 43px;
    animation: ainna-orbit-b-yrvfvunuap 2.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation-delay: -1.2s;
}

@keyframes ainna-orbit-b-yrvfvunuap {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.ainna-anim-ring[b-yrvfvunuap] {
    width: 24px;
    height: 24px;
}

.ring-spin[b-yrvfvunuap] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2.5px solid rgba(236, 72, 153, 0.18);
    border-top-color: #db2777;
    animation: ainna-ring-rotate-b-yrvfvunuap 0.7s linear infinite;
}

@keyframes ainna-ring-rotate-b-yrvfvunuap {
    to {
        transform: rotate(360deg);
    }
}


.ainna-anim-converge[b-yrvfvunuap] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .ainna-anim-converge .converge-dot[b-yrvfvunuap] {
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--accent, #f00c71);
        animation: ainna-converge-b-yrvfvunuap 2.4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }

        .ainna-anim-converge .converge-dot:nth-child(1)[b-yrvfvunuap] {
            top: 0;
            left: 50%;
            margin-left: -4px;
            --tx: 0px;
            --ty: 36px;
        }

        .ainna-anim-converge .converge-dot:nth-child(2)[b-yrvfvunuap] {
            bottom: 4px;
            left: 8px;
            --tx: 28px;
            --ty: -28px;
            animation-delay: 0.15s;
            opacity: 0.8;
        }

        .ainna-anim-converge .converge-dot:nth-child(3)[b-yrvfvunuap] {
            bottom: 4px;
            right: 8px;
            --tx: -28px;
            --ty: -28px;
            animation-delay: 0.3s;
            opacity: 0.6;
        }

@keyframes ainna-converge-b-yrvfvunuap {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }

    40% {
        transform: translate(var(--tx), var(--ty)) scale(0.6);
        opacity: 0.4;
    }

    50% {
        transform: translate(var(--tx), var(--ty)) scale(0.6);
        opacity: 0.4;
        box-shadow: 0 0 16px var(--accent, #f00c71);
    }

    60% {
        transform: translate(0, 0) scale(1.2);
        opacity: 1;
    }

    70% {
        transform: translate(0, 0) scale(1);
    }
}


.ainna-anim-heartbeat[b-yrvfvunuap] {
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heartbeat-mark[b-yrvfvunuap] {
    width: 56px;
    height: 56px;
    background: white;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: ainna-heartbeat-b-yrvfvunuap 1.8s ease-in-out infinite;
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, #f00c71) 25%, transparent);
}

    .heartbeat-mark img[b-yrvfvunuap] {
        height: 40px;
        width: auto;
        object-fit: contain;
    }


    .heartbeat-mark:empty[b-yrvfvunuap]::after {
        content: 'AI';
        color: white;
        font-family: var(--font, 'Inter', sans-serif);
        font-weight: 700;
        font-size: 18px;
        letter-spacing: 0.02em;
    }

@keyframes ainna-heartbeat-b-yrvfvunuap {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, #f00c71) 25%, transparent);
    }
    10% {
        transform: scale(1.15);
        box-shadow: 0 0 20px 4px color-mix(in srgb, var(--accent, #f00c71) 20%, transparent);
    }

    17% {
        transform: scale(1);
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, #f00c71) 10%, transparent);
    }
    24% {
        transform: scale(1.08);
        box-shadow: 0 0 12px 2px color-mix(in srgb, var(--accent, #f00c71) 15%, transparent);
    }

    32% {
        transform: scale(1);
        box-shadow: 0 0 0 0 transparent;
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 transparent;
    }
}


@keyframes ainna-spin-b-yrvfvunuap {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes ainna-pulse-b-yrvfvunuap {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.7;
    }
}

@keyframes ainna-processingDot-b-yrvfvunuap {
    0%, 60%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    30% {
        transform: scale(1.4);
        opacity: 0.7;
    }
}

@keyframes ainna-stackFloat-b-yrvfvunuap {
    0%, 100% {
        transform: translate(-50%, -50%) rotate(0deg) translateY(0);
    }

    25% {
        transform: translate(-50%, -50%) rotate(3deg) translateY(-8px);
    }

    75% {
        transform: translate(-50%, -50%) rotate(-3deg) translateY(-8px);
    }
}


@media (max-width: 640px) {
    .ainna-logo img[b-yrvfvunuap] {
        height: 36px;
    }

    .ainna-anim-generation[b-yrvfvunuap] {
        width: 80px;
        height: 80px;
    }

        .ainna-anim-generation .center-icon[b-yrvfvunuap]::after {
            font-size: 12px;
        }

    .ainna-anim-orbit[b-yrvfvunuap] {
        width: 60px;
        height: 60px;
    }

    .orbit-dot[b-yrvfvunuap] {
        width: 8px;
        height: 8px;
        top: -4px;
        margin-left: -4px;
        transform-origin: 4px 34px;
    }

    .orbit-trace[b-yrvfvunuap] {
        width: 5px;
        height: 5px;
        top: -2.5px;
        margin-left: -2.5px;
        transform-origin: 2.5px 32.5px;
    }

    .ainna-anim-converge[b-yrvfvunuap] {
        width: 60px;
        height: 60px;
    }

    .ainna-anim-heartbeat[b-yrvfvunuap] {
        width: 60px;
        height: 60px;
    }

    .heartbeat-mark[b-yrvfvunuap] {
        width: 44px;
        height: 44px;
        border-radius: 10px;
    }

        .heartbeat-mark:empty[b-yrvfvunuap]::after {
            font-size: 14px;
        }

        .heartbeat-mark img[b-yrvfvunuap] {
            height: 22px;
        }

    .ainna-anim-progress[b-yrvfvunuap] {
        width: 250px;
    }

    .loading-message[b-yrvfvunuap] {
        font-size: var(--text-sm, 0.75rem);
    }
}


@media (prefers-reduced-motion: reduce) {
    .ainna-anim-generation .spinner-ring[b-yrvfvunuap],
    .ainna-anim-generation .center-icon[b-yrvfvunuap],
    .ainna-anim-processing .dot[b-yrvfvunuap],
    .ainna-anim-docstack .doc[b-yrvfvunuap],
    .orbit-dot[b-yrvfvunuap],
    .orbit-trace[b-yrvfvunuap],
    .ainna-anim-converge .converge-dot[b-yrvfvunuap],
    .heartbeat-mark[b-yrvfvunuap],
    .ainna-logo[b-yrvfvunuap],
    .loading-message[b-yrvfvunuap] {
        animation: none;
    }

    .loading-message[b-yrvfvunuap] {
        opacity: 1;
        transform: none;
        filter: none;
    }

    .orbit-dot[b-yrvfvunuap] {
        top: -5px;
        left: 50%;
        transform: none;
    }

    .orbit-trace[b-yrvfvunuap] {
        display: none;
    }

    .ainna-anim-converge .converge-dot[b-yrvfvunuap] {
        opacity: 1;
        transform: none;
    }

    .heartbeat-mark[b-yrvfvunuap] {
        box-shadow: none;
    }

    .ainna-anim-ring .ring-spin[b-yrvfvunuap] {
        animation-duration: 1.4s;
    }
}
/* /Components/AinnaPages/AinnaAboutPage.razor.rz.scp.css */
.ainna-about[b-ovfaay31ko] {
    --accent: #8929FF;
    --accent-2: #D0A6FF;
    --accent-tint: #F0E5FF;
    --accent-tint-2: #331A55;
    --accent-border: color-mix(in srgb, #8929FF 40%, transparent);
    --accent-hover: #7A1FEA;
    --gradient-cta: #8929FF;
    --accent-glow-sm: inset 0 1px 0 rgba(255, 255, 255, 0.16);
    --accent-glow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 8px 18px -8px rgba(2, 4, 9, 0.55);
    --glow: 137, 41, 255;
    --background-primary: #FAFBFC;
    --color-bg-warm: #F0F2F5;
    --color-bg-cool: #E5E8ED;
    --wash: #DFE3F1;
    --sheet: #FFFFFF;
    --backdrop: #F0F2F5;
    --text-heading: #0F141B;
    --text-primary: #0F141B;
    --text-secondary: #414A57;
    --text-tertiary: #616B79;
    --border-color: #C6CCD5;
    --border-soft: #DCE0E6;
    --ink-dark: #0C1017;
    --ink-dark-2: #151A22;
    --ink-wash: #070B1C;
    --ink-text: #E8ECF1;
    --ink-text-1: #A8B1BD;
    --ink-text-2: #7B8593;
    --ink-rule: #29303B;
    --ink-rule-soft: #1B2129;
    --danger: #B8163F;
    --danger-surface: #F8DFE6;
    --danger-border: color-mix(in srgb, #B8163F 35%, transparent);
    --success: #1A7A52;
    --success-surface: #DDEFE5;
    --font-family-heading: "Archivo", "Helvetica Neue", Arial, sans-serif;
    --font-family-primary: "IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;
    --font-family-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --text-sm: 0.85rem;
    --radius-full: 6px;
    --radius-pill: 4px;
    --radius-lg: 6px;
    --radius-xl: 10px;
    background: var(--background-primary);
    min-height: 100vh;
    color: var(--text-primary);
    font-family: var(--font-family-primary);
    line-height: 1.6;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .ainna-about h1[b-ovfaay31ko],
    .ainna-about h2[b-ovfaay31ko],
    .ainna-about h3[b-ovfaay31ko],
    .ainna-about h4[b-ovfaay31ko] {
        font-family: var(--font-family-heading);
    }

    .ainna-about .block-title[b-ovfaay31ko] {
        font-family: var(--font-family-mono);
    }

    .ainna-about[b-ovfaay31ko]  a,
    .ainna-about[b-ovfaay31ko]  a:hover {
        color: var(--accent);
    }

.about-navbar[b-ovfaay31ko] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 0 32px;
    background: var(--ink-dark);
    border-bottom: 1px solid var(--ink-rule-soft);
}

@supports (animation-timeline: scroll()) {
    .about-navbar[b-ovfaay31ko] {
        background: transparent;
        border-bottom-color: transparent;
        backdrop-filter: blur(0px) saturate(1);
        -webkit-backdrop-filter: blur(0px) saturate(1);
        animation: about-nav-solid-b-ovfaay31ko linear both;
        animation-timeline: scroll();
        animation-range: 0 140px;
    }

    @keyframes about-nav-solid-b-ovfaay31ko {
        from {
            background: transparent;
            border-bottom-color: transparent;
            backdrop-filter: blur(0px) saturate(1);
            -webkit-backdrop-filter: blur(0px) saturate(1);
        }

        to {
            background: color-mix(in srgb, var(--ink-dark) 88%, transparent);
            border-bottom-color: var(--ink-rule-soft);
            backdrop-filter: blur(12px) saturate(1.2);
            -webkit-backdrop-filter: blur(12px) saturate(1.2);
        }
    }
}

.about-nav-container[b-ovfaay31ko] {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    gap: 24px;
}

.about-nav-brand img[b-ovfaay31ko] {
    height: 24px;
    display: block;
}

.about-nav-links[b-ovfaay31ko] {
    display: flex;
    align-items: center;
    gap: 28px;
}

    .about-nav-links a[b-ovfaay31ko] {
        font-size: 0.9rem;
        font-weight: var(--font-weight-medium);
        color: var(--ink-text-1);
        text-decoration: none;
        white-space: nowrap;
        transition: color 0.2s ease;
    }

        .about-nav-links a:hover[b-ovfaay31ko],
        .about-nav-links a.active[b-ovfaay31ko] {
            color: var(--ink-text);
        }

.about-nav-actions[b-ovfaay31ko] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.about-nav-cta-primary[b-ovfaay31ko] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 15px;
    background: var(--accent-2);
    border: 1px solid var(--accent-2);
    color: #160A2E;
    border-radius: var(--radius-full);
    font-size: 0.84rem;
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    box-shadow: var(--accent-glow-sm);
    transition: box-shadow 0.18s ease, transform 0.18s cubic-bezier(0.2, 0.7, 0.2, 1);
    white-space: nowrap;
}

    .about-nav-cta-primary:hover[b-ovfaay31ko] {
        color: #160A2E;
        box-shadow: var(--accent-glow);
        transform: translateY(-1px);
    }

@media (max-width: 880px) {
    .about-nav-links[b-ovfaay31ko] {
        display: none;
    }
}

@media (max-width: 640px) {
    .about-navbar[b-ovfaay31ko] {
        padding: 0 20px;
    }
}


.hero-vision[b-ovfaay31ko] {
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 148px 32px 88px;
    position: relative;
    background: radial-gradient(ellipse 50% 75% at 8% 0%, rgba(var(--glow), 0.32), transparent 62%), var(--ink-wash);
    color: var(--ink-text);
    overflow: hidden;
}

    .hero-vision[b-ovfaay31ko]::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(rgba(232, 236, 241, 0.05) 1px, transparent 1px) 0 0 / 100% 40px, linear-gradient(90deg, rgba(232, 236, 241, 0.05) 1px, transparent 1px) 0 0 / 40px 100%;
        -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 80%);
        mask-image: linear-gradient(to bottom, #000 0%, transparent 80%);
        pointer-events: none;
        z-index: 0;
    }

.hero-vision-container[b-ovfaay31ko] {
    max-width: 1040px;
    width: 100%;
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: 32px;
}

.hero-eyebrow[b-ovfaay31ko] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-family: var(--font-family-mono);
    font-size: 0.6875rem;
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent-2);
    margin-bottom: 28px;
}

    .hero-eyebrow[b-ovfaay31ko]::before,
    .hero-eyebrow[b-ovfaay31ko]::after {
        content: '';
        width: 24px;
        height: 1px;
        background: var(--ink-rule);
    }

.hero-vision-statement[b-ovfaay31ko] {
    font-size: clamp(2.3rem, 4.8vw, 4rem);
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -0.03em;
    margin: 0;
    color: var(--ink-text);
}

    .hero-vision-statement span[b-ovfaay31ko],
    .hero-vision-statement strong[b-ovfaay31ko] {
        font-weight: 800;
        color: var(--accent-2);
    }

.hero-vision-lead[b-ovfaay31ko] {
    max-width: 620px;
    margin: 26px auto 0;
    font-size: 1.15rem;
    line-height: 1.55;
    color: var(--ink-text-1);
}

    .hero-vision-lead strong[b-ovfaay31ko] {
        color: var(--ink-text);
        font-weight: var(--font-weight-semibold);
    }

.hero-vision-actions[b-ovfaay31ko] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 34px;
    flex-wrap: wrap;
}

.hero-vision-cta-primary[b-ovfaay31ko] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 24px;
    background: var(--accent-2);
    color: #160A2E;
    border-radius: var(--radius-full);
    font-size: 0.95rem;
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    box-shadow: var(--accent-glow-sm);
    transition: box-shadow 0.18s ease, transform 0.18s cubic-bezier(0.2, 0.7, 0.2, 1);
    white-space: nowrap;
}

    .hero-vision-cta-primary:hover[b-ovfaay31ko] {
        box-shadow: var(--accent-glow);
        transform: translateY(-1px);
    }

.hero-vision-cta-secondary[b-ovfaay31ko] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 22px;
    background: transparent;
    color: var(--ink-text);
    border: 1px solid var(--ink-rule);
    border-radius: var(--radius-full);
    font-size: 0.95rem;
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
    white-space: nowrap;
}

    .hero-vision-cta-secondary:hover[b-ovfaay31ko] {
        border-color: var(--ink-text-2);
        background: rgba(255, 255, 255, 0.06);
        color: var(--ink-text);
    }

.hero-methodology[b-ovfaay31ko] {
    width: 100%;
    max-width: 1100px;
    margin: 32px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    position: relative;
    z-index: 2;
}

.hero-methodology-card[b-ovfaay31ko] {
    width: 100%;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

    .hero-methodology-card img[b-ovfaay31ko] {
        display: block;
        width: 100%;
        max-width: 720px;
        height: auto;
        margin: 0 auto;
    }

    .hero-methodology-card .aod[b-ovfaay31ko] {
        display: block;
        width: 100%;
        max-width: 860px;
        height: auto;
        margin: 0 auto;
    }

.hero-methodology-caption[b-ovfaay31ko] {
    position: relative;
    max-width: 560px;
    margin: 0;
    padding-top: 1.1rem;
    font-family: var(--font-family-primary);
    font-size: 0.84rem;
    letter-spacing: 0;
    line-height: 1.5;
    color: var(--ink-text-2);
    text-align: center;
}

    .hero-methodology-caption[b-ovfaay31ko]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--ink-rule) 18%, var(--ink-rule) 82%, transparent);
    }

    .hero-methodology-caption[b-ovfaay31ko]::after {
        content: '';
        position: absolute;
        top: -2px;
        left: 50%;
        width: 5px;
        height: 5px;
        margin-left: -2.5px;
        border-radius: 50%;
        background: color-mix(in srgb, var(--accent-2) 55%, var(--ink-rule));
    }

    .hero-methodology-caption em[b-ovfaay31ko] {
        font-style: normal;
        color: var(--ink-text-1);
        font-weight: var(--font-weight-medium);
    }

.hero-moments[b-ovfaay31ko] {
    max-width: 1200px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    position: relative;
    z-index: 2;
}

.hero-moment[b-ovfaay31ko] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hero-moment-frame[b-ovfaay31ko] {
    aspect-ratio: 16 / 10;
    border-radius: var(--radius-xl);
    overflow: hidden;
    background: var(--ink-dark-2);
    border: 1px solid var(--ink-rule);
    box-shadow: 0 36px 70px -32px rgba(2, 4, 9, 0.72), 0 4px 10px rgba(2, 4, 9, 0.28);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
    padding: 6px;
    box-sizing: border-box;
}

.hero-moment:hover .hero-moment-frame[b-ovfaay31ko] {
    transform: translateY(-4px);
    box-shadow: 0 48px 80px -32px rgba(2, 4, 9, 0.78), 0 4px 10px rgba(2, 4, 9, 0.28);
}

.hero-moment-frame img[b-ovfaay31ko] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 6px;
    outline: 1px solid rgba(15, 20, 27, 0.22);
}

.hero-moment figcaption[b-ovfaay31ko] {
    padding: 0 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
}

.hero-moment-label[b-ovfaay31ko] {
    font-size: 0.8rem;
    font-weight: var(--font-weight-semibold);
    color: var(--ink-text);
    letter-spacing: -0.01em;
}

.hero-moment-caption[b-ovfaay31ko] {
    font-size: 0.76rem;
    color: var(--ink-text-1);
    line-height: 1.45;
}

.hero-scroll-cta[b-ovfaay31ko] {
    margin-top: 60px;
    position: relative;
    z-index: 2;
}

.scroll-link[b-ovfaay31ko] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: var(--ink-text-2);
    font-family: var(--font-family-mono);
    font-size: 0.62rem;
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .scroll-link:hover[b-ovfaay31ko] {
        color: var(--accent-2);
    }

.scroll-icon[b-ovfaay31ko] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ink-rule);
    border-radius: 50%;
    animation: scrollBounce-b-ovfaay31ko 2.4s ease-in-out infinite;
}

    .scroll-icon i[b-ovfaay31ko] {
        font-size: 0.55rem;
    }

@keyframes scrollBounce-b-ovfaay31ko {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(4px);
    }
}

@media (max-width: 960px) {
    .hero-vision[b-ovfaay31ko] {
        padding: 124px 24px 72px;
    }

    .hero-vision-container[b-ovfaay31ko] {
        margin-bottom: 44px;
    }

    .hero-moments[b-ovfaay31ko] {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .hero-scroll-cta[b-ovfaay31ko] {
        margin-top: 48px;
    }
}

@media (max-width: 560px) {
    .hero-vision[b-ovfaay31ko] {
        padding: 112px 20px 64px;
    }

    .hero-moments[b-ovfaay31ko] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .hero-moment-frame[b-ovfaay31ko] {
        aspect-ratio: 16 / 10;
        padding: 6px;
    }
}


.about-section[b-ovfaay31ko] {
    padding: clamp(4.5rem, 7vw, 6.5rem) 32px;
    background: var(--background-primary);
}

    .about-section + .about-section[b-ovfaay31ko] {
        border-top: 1px solid var(--border-soft);
    }

.section-container[b-ovfaay31ko] {
    max-width: 1100px;
    margin: 0 auto;
}

.section-container-narrow[b-ovfaay31ko] {
    max-width: 960px;
    margin: 0 auto;
}

.section-label[b-ovfaay31ko] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--font-family-mono);
    font-size: 0.6875rem;
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 14px;
}

    .section-label[b-ovfaay31ko]::before {
        content: none;
    }

    .section-label[b-ovfaay31ko]::after {
        content: none;
    }

.section-heading[b-ovfaay31ko] {
    font-size: clamp(1.9rem, 3.6vw, 2.75rem);
    font-weight: 700;
    line-height: 1.06;
    color: var(--text-heading);
    letter-spacing: -0.028em;
    margin-bottom: 20px;
    text-align: center;
}

.section-content[b-ovfaay31ko] {
    font-size: 1.02rem;
    line-height: 1.62;
    color: var(--text-secondary);
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.section-subheading[b-ovfaay31ko] {
    font-size: 1.02rem;
    line-height: 1.62;
    color: var(--text-secondary);
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.section-variant-1[b-ovfaay31ko] {
    background: var(--color-bg-warm);
}

.section-variant-2[b-ovfaay31ko] {
    background: var(--background-primary);
    border-top: 1px solid var(--border-soft);
}

.section-variant-3[b-ovfaay31ko] {
    background: var(--color-bg-warm);
}

.section-variant-4[b-ovfaay31ko] {
    background: var(--color-bg-warm);
}

.section-variant-5[b-ovfaay31ko] {
    background: var(--background-primary);
    border-top: 1px solid var(--border-soft);
}

.section-variant-6[b-ovfaay31ko] {
    background: var(--background-primary);
    border-top: 1px solid var(--border-soft);
}

.section-variant-leadership[b-ovfaay31ko] {
    position: relative;
    background: linear-gradient(115deg, var(--wash) 0%, color-mix(in srgb, var(--accent-tint) 60%, var(--wash)) 100%);
    border-block: 1px solid var(--border-color);
}

    .section-variant-leadership + .about-section[b-ovfaay31ko] {
        border-top: 0;
    }


.company-intro[b-ovfaay31ko] {
    margin-top: 8px;
    margin-bottom: 48px;
}

.company-grid[b-ovfaay31ko] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr;
    column-gap: 20px;
    row-gap: 0;
    align-items: stretch;
}

.company-block[b-ovfaay31ko] {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    padding: 44px 40px 40px;
    border-radius: var(--radius-lg);
    background: var(--sheet);
    border: 1px solid var(--border-color);
    box-shadow: none;
    position: relative;
    overflow: hidden;
}

.block-icon[b-ovfaay31ko] {
    display: none;
}

    .block-icon i[b-ovfaay31ko] {
        display: none;
    }

.block-title[b-ovfaay31ko] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--font-family-mono);
    font-size: 0.6875rem;
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
    margin: 0 0 20px 0;
}

    .block-title[b-ovfaay31ko]::before {
        content: none;
    }

.block-highlight[b-ovfaay31ko] {
    font-family: var(--font-family-heading);
    font-size: clamp(1.45rem, 2.6vw, 1.85rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.024em;
    color: var(--text-heading);
    margin: 0;
    text-wrap: balance;
}

.block-text-group[b-ovfaay31ko] {
    padding-top: 26px;
}

.block-text[b-ovfaay31ko] {
    font-size: 0.92rem;
    line-height: 1.62;
    color: var(--text-secondary);
    margin: 0;
}

    .block-text + .block-text[b-ovfaay31ko] {
        margin-top: 12px;
    }


.product-hero[b-ovfaay31ko] {
    text-align: center;
    margin-bottom: 44px;
}

.product-title[b-ovfaay31ko] {
    margin-bottom: 16px;
}

.product-description[b-ovfaay31ko] {
    font-size: 1.02rem;
    line-height: 1.62;
    color: var(--text-secondary);
    max-width: 660px;
    margin: 0 auto;
}

.product-features[b-ovfaay31ko] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.feature-card[b-ovfaay31ko] {
    padding: 28px 26px;
    border-radius: var(--radius-lg);
    background: var(--sheet);
    border: 1px solid var(--border-color);
    box-shadow: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    position: relative;
    overflow: hidden;
}

    .feature-card:hover[b-ovfaay31ko] {
        transform: translateY(-3px);
        border-color: color-mix(in srgb, var(--accent) 42%, var(--border-color));
        box-shadow: 0 14px 30px -22px rgba(15, 20, 27, 0.35);
    }

.feature-icon[b-ovfaay31ko] {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    background: none;
    border: none;
    margin-bottom: 0;
    pointer-events: none;
}

    .feature-icon i[b-ovfaay31ko] {
        font-size: 3rem;
        color: var(--accent);
        opacity: 0.07;
    }

.feature-title[b-ovfaay31ko] {
    font-size: 1.02rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    margin-bottom: 8px;
    letter-spacing: -0.015em;
    transition: color 0.2s ease;
}

.feature-card:hover .feature-title[b-ovfaay31ko] {
    color: var(--accent);
}

.feature-text[b-ovfaay31ko] {
    font-size: 0.86rem;
    line-height: 1.6;
    color: var(--text-secondary);
}

    .feature-text strong[b-ovfaay31ko] {
        color: var(--text-heading);
        font-weight: var(--font-weight-semibold);
    }



.about-cta-strip[b-ovfaay31ko] {
    padding: 0 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.about-cta-card[b-ovfaay31ko] {
    max-width: 740px;
    margin: 0 auto 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 28px;
    border-radius: var(--radius-lg);
    background: var(--sheet);
    border: 1px solid var(--border-color);
    box-shadow: none;
}

.about-cta-text[b-ovfaay31ko] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .about-cta-text strong[b-ovfaay31ko] {
        font-size: 1rem;
        font-family: var(--font-family-heading);
        color: var(--text-heading);
        font-weight: var(--font-weight-bold);
        letter-spacing: -0.015em;
    }

    .about-cta-text span[b-ovfaay31ko] {
        font-size: var(--text-sm);
        color: var(--text-secondary);
    }

.about-cta-button[b-ovfaay31ko] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: transparent;
    color: var(--accent);
    border: 1px solid var(--accent);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

    .about-cta-button:hover[b-ovfaay31ko] {
        background: var(--accent-tint);
        border-color: var(--accent);
        transform: translateY(-1px);
    }

    .about-cta-button i[b-ovfaay31ko] {
        font-size: 0.6rem;
        transition: transform 0.2s ease;
    }

    .about-cta-button:hover i[b-ovfaay31ko] {
        transform: translateX(3px);
    }


.advisory-intro[b-ovfaay31ko] {
    margin-bottom: 44px;
    text-align: center;
}

.advisory-expertise[b-ovfaay31ko] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
    justify-content: center;
}

.expertise-tag[b-ovfaay31ko] {
    display: inline-flex;
    align-items: center;
    font-family: var(--font-family-mono);
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: var(--font-weight-medium);
    color: var(--text-secondary);
    background: var(--sheet);
    border: 1px solid var(--border-color);
    padding: 6px 12px;
    border-radius: var(--radius-pill);
}

.advisory-programs[b-ovfaay31ko] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 32px;
}

.program-card[b-ovfaay31ko] {
    padding: 34px 32px;
    border-radius: var(--radius-lg);
    background: var(--sheet);
    border: 1px solid var(--border-color);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: none;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .program-card:hover[b-ovfaay31ko] {
        border-color: color-mix(in srgb, var(--accent) 42%, var(--border-color));
        transform: translateY(-2px);
        box-shadow: 0 14px 30px -22px rgba(15, 20, 27, 0.35);
    }

.program-watermark[b-ovfaay31ko] {
    position: absolute;
    top: -10px;
    right: -10px;
    opacity: 1;
    pointer-events: none;
}

    .program-watermark i[b-ovfaay31ko] {
        font-size: 100px;
        color: var(--accent);
        opacity: 0.06;
    }

.program-header[b-ovfaay31ko] {
    margin-bottom: 16px;
}

.program-label[b-ovfaay31ko] {
    font-family: var(--font-family-mono);
    font-size: 0.62rem;
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 10px;
    display: block;
}

.program-title[b-ovfaay31ko] {
    font-size: 1.3rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 6px;
    transition: color 0.2s ease;
}

.program-card:hover .program-title[b-ovfaay31ko] {
    color: var(--accent);
}

.program-tagline[b-ovfaay31ko] {
    font-size: 0.86rem;
    color: var(--text-secondary);
    font-style: italic;
}

.program-description[b-ovfaay31ko] {
    font-size: 0.88rem;
    line-height: 1.6;
    color: var(--text-secondary);
    margin-bottom: 20px;
}

.program-deliverables[b-ovfaay31ko] {
    flex: 1;
    margin-bottom: 20px;
}

.deliverables-label[b-ovfaay31ko] {
    font-family: var(--font-family-mono);
    font-size: 0.6rem;
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-tertiary);
    display: block;
    margin-bottom: 10px;
}

.deliverables-list[b-ovfaay31ko] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

    .deliverables-list li[b-ovfaay31ko] {
        font-size: 0.82rem;
        color: var(--text-secondary);
        display: flex;
        align-items: flex-start;
        gap: 8px;
    }

        .deliverables-list li i[b-ovfaay31ko] {
            color: var(--accent);
            font-size: 0.6rem;
            margin-top: 5px;
            flex-shrink: 0;
        }

.program-footer[b-ovfaay31ko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border-soft);
}

.program-tags[b-ovfaay31ko] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.program-tag[b-ovfaay31ko] {
    font-family: var(--font-family-mono);
    font-size: 0.58rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: var(--font-weight-medium);
    color: var(--text-tertiary);
    background: var(--backdrop);
    padding: 4px 8px;
    border-radius: 3px;
}

.program-link[b-ovfaay31ko] {
    font-size: 0.82rem;
    font-weight: var(--font-weight-semibold);
    color: var(--accent);
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

    .program-link:hover[b-ovfaay31ko] {
        opacity: 0.75;
    }

    .program-link i[b-ovfaay31ko] {
        font-size: 0.6rem;
        margin-left: 4px;
    }

.advisory-cta-panel[b-ovfaay31ko] {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 30px 34px;
    border-radius: var(--radius-lg);
    background: var(--accent-tint);
    border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent);
}

.cta-panel-icon[b-ovfaay31ko] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    background: var(--sheet);
    border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent);
    flex-shrink: 0;
}

    .cta-panel-icon i[b-ovfaay31ko] {
        font-size: 1.1rem;
        color: var(--accent);
    }

.cta-panel-content[b-ovfaay31ko] {
    flex: 1;
}

.cta-panel-title[b-ovfaay31ko] {
    font-family: var(--font-family-heading);
    font-size: 1.1rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.015em;
    color: var(--text-heading);
    margin-bottom: 4px;
}

.cta-panel-description[b-ovfaay31ko] {
    font-size: 0.88rem;
    line-height: 1.55;
    color: var(--text-secondary);
}

.cta-panel-subtext[b-ovfaay31ko] {
    font-size: 0.76rem;
    color: var(--text-tertiary);
    margin-top: 4px;
}

.cta-panel-action[b-ovfaay31ko] {
    flex-shrink: 0;
}

.cta-panel-button[b-ovfaay31ko] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    background: var(--accent);
    color: #fff;
    border-radius: var(--radius-full);
    font-size: 0.86rem;
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    box-shadow: var(--accent-glow-sm);
    transition: box-shadow 0.18s ease, transform 0.18s cubic-bezier(0.2, 0.7, 0.2, 1);
}


.leadership-heading[b-ovfaay31ko] {
    margin-bottom: 6px;
}

.leadership-role[b-ovfaay31ko] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    margin-bottom: 18px;
    letter-spacing: 0.01em;
    text-align: center;
}

.leadership-editorial[b-ovfaay31ko] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    margin-bottom: 40px;
}

.leadership-paragraph[b-ovfaay31ko] {
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--text-secondary);
    margin-bottom: 16px;
}

    .leadership-paragraph strong[b-ovfaay31ko] {
        color: var(--text-heading);
        font-weight: var(--font-weight-semibold);
    }

    .leadership-paragraph a[b-ovfaay31ko] {
        color: var(--accent);
        text-decoration: none;
        border-bottom: 1px solid var(--accent-border);
        transition: border-color 0.2s ease;
    }

        .leadership-paragraph a:hover[b-ovfaay31ko] {
            border-color: var(--accent);
        }

.leadership-quote[b-ovfaay31ko] {
    padding: 6px 0 6px 20px;
    margin: 26px 0;
    border-left: 3px solid var(--accent);
    background: transparent;
    border-radius: 0;
}

    .leadership-quote p[b-ovfaay31ko] {
        font-family: var(--font-family-heading);
        font-size: clamp(1.15rem, 1.8vw, 1.35rem);
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 1.25;
        color: var(--text-heading);
        font-style: normal;
        margin: 0;
        text-wrap: balance;
    }

    .leadership-quote strong[b-ovfaay31ko] {
        font-style: normal;
        color: var(--accent);
    }

.leadership-links[b-ovfaay31ko] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 30px;
    margin-bottom: 36px;
    border-bottom: 1px solid var(--border-color);
}

.leadership-link[b-ovfaay31ko] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    font-weight: var(--font-weight-medium);
    color: var(--text-secondary);
    text-decoration: none;
    padding: 7px 14px;
    border-radius: var(--radius-full);
    background: var(--sheet);
    border: 1px solid var(--border-color);
    transition: color 0.2s ease, border-color 0.2s ease;
}

    .leadership-link:hover[b-ovfaay31ko] {
        color: var(--accent);
        border-color: var(--accent);
    }

    .leadership-link i[b-ovfaay31ko] {
        font-size: 0.7rem;
        color: var(--text-tertiary);
        width: 16px;
        text-align: center;
        transition: color 0.2s ease;
    }

    .leadership-link:hover i[b-ovfaay31ko] {
        color: var(--accent);
    }

.leadership-credential-bar[b-ovfaay31ko] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding: 22px 26px;
    margin-bottom: 40px;
    border-radius: var(--radius-lg);
    background: var(--sheet);
    border: 1px solid var(--border-color);
}

.credential-stat[b-ovfaay31ko] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 8px;
    border-right: 1px solid var(--border-soft);
}

    .credential-stat:last-child[b-ovfaay31ko] {
        border-right: none;
    }

.credential-stat-value[b-ovfaay31ko] {
    font-family: var(--font-family-heading);
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: var(--text-heading);
    font-variant-numeric: tabular-nums;
}

.credential-stat-label[b-ovfaay31ko] {
    font-family: var(--font-family-mono);
    font-size: 0.62rem;
    letter-spacing: 0.06em;
    line-height: 1.45;
    color: var(--text-tertiary);
}


.team-section-integrated[b-ovfaay31ko] {
    padding-top: 48px;
}

.team-divider[b-ovfaay31ko] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
}

.divider-line[b-ovfaay31ko] {
    flex: 1;
    height: 1px;
    background: var(--border-soft);
}

.team-divider-title[b-ovfaay31ko] {
    font-family: var(--font-family-heading);
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    white-space: nowrap;
    letter-spacing: -0.015em;
}

.team-intro[b-ovfaay31ko] {
    max-width: 720px;
    margin-bottom: 32px;
}

.team-grid[b-ovfaay31ko] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 48px;
}

.team-card[b-ovfaay31ko] {
    padding: 26px 24px;
    border-radius: var(--radius-lg);
    background: var(--sheet);
    border: 1px solid var(--border-color);
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    overflow: hidden;
}

    .team-card:hover[b-ovfaay31ko] {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--accent) 42%, var(--border-color));
    }

.team-card-icon[b-ovfaay31ko] {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    background: none;
    border: none;
    margin-bottom: 0;
    pointer-events: none;
}

    .team-card-icon i[b-ovfaay31ko] {
        font-size: 2.4rem;
        color: var(--accent);
        opacity: 0.07;
    }

.team-card-title[b-ovfaay31ko] {
    font-size: 0.92rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    margin-bottom: 6px;
}

.team-card-text[b-ovfaay31ko] {
    font-size: 0.82rem;
    line-height: 1.6;
    color: var(--text-secondary);
}

    .team-card-text strong[b-ovfaay31ko] {
        color: var(--text-heading);
        font-weight: var(--font-weight-semibold);
    }

.team-cta[b-ovfaay31ko] {
    padding: 40px 36px;
    border-radius: var(--radius-lg);
    background: var(--accent-tint);
    border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent);
    text-align: center;
}

.team-cta-title[b-ovfaay31ko] {
    font-size: 1.35rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    letter-spacing: -0.02em;
    margin-bottom: 12px;
}

.team-cta-text[b-ovfaay31ko] {
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--text-secondary);
    max-width: 560px;
    margin: 0 auto 24px;
}

    .team-cta-text strong[b-ovfaay31ko] {
        color: var(--text-heading);
    }

.team-cta-button[b-ovfaay31ko] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: var(--accent);
    color: #fff;
    border-radius: var(--radius-full);
    font-size: 0.86rem;
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    box-shadow: var(--accent-glow-sm);
    transition: box-shadow 0.18s ease, transform 0.18s cubic-bezier(0.2, 0.7, 0.2, 1);
}

    .team-cta-button:hover[b-ovfaay31ko] {
        box-shadow: var(--accent-glow);
        transform: translateY(-1px);
    }


.contact-grid[b-ovfaay31ko] {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 32px;
    margin-top: 36px;
}

.contact-info[b-ovfaay31ko] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.contact-block[b-ovfaay31ko] {
    padding: 22px 26px;
    border-radius: var(--radius-lg);
    background: var(--sheet);
    border: 1px solid var(--border-color);
}

.contact-block-title[b-ovfaay31ko] {
    font-size: 0.95rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.01em;
    color: var(--text-heading);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

    .contact-block-title i[b-ovfaay31ko] {
        color: var(--accent);
        font-size: 0.8rem;
    }

.contact-detail[b-ovfaay31ko] {
    font-size: 0.88rem;
    line-height: 1.6;
    color: var(--text-secondary);
}

    .contact-detail[b-ovfaay31ko]  a,
    .contact-detail[b-ovfaay31ko]  a.contact-link {
        color: var(--text-secondary);
        text-decoration: underline;
        text-decoration-color: var(--border-color);
        text-underline-offset: 0.15em;
        transition: color 0.2s ease, text-decoration-color 0.2s ease;
    }

        .contact-detail[b-ovfaay31ko]  a:hover,
        .contact-detail[b-ovfaay31ko]  a.contact-link:hover {
            color: var(--accent);
            text-decoration-color: var(--accent);
        }

.contact-form-area[b-ovfaay31ko] {
    padding: 32px 30px;
    border-radius: var(--radius-lg);
    background: var(--sheet);
    border: 1px solid var(--border-color);
}

.form-title[b-ovfaay31ko] {
    font-size: 1.15rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    margin-bottom: 20px;
    letter-spacing: -0.015em;
}

.contact-form-fields[b-ovfaay31ko] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-group[b-ovfaay31ko] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-label[b-ovfaay31ko] {
    font-family: var(--font-family-mono);
    font-size: 0.62rem;
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.form-input[b-ovfaay31ko],
.form-textarea[b-ovfaay31ko] {
    padding: 10px 14px;
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-color);
    background: var(--background-primary);
    font-size: 0.9rem;
    font-family: var(--font-family-primary);
    color: var(--text-primary);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .form-input:focus[b-ovfaay31ko],
    .form-textarea:focus[b-ovfaay31ko] {
        outline: none;
        border-color: var(--accent);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);
    }

.form-textarea[b-ovfaay31ko] {
    resize: vertical;
    min-height: 120px;
}

.form-select[b-ovfaay31ko] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23616B79' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 8px;
}

    .form-select:focus[b-ovfaay31ko] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238929FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

.form-error[b-ovfaay31ko] {
    font-size: 0.76rem;
    color: var(--danger);
    margin-top: 2px;
}

.field-error[b-ovfaay31ko] {
    font-size: 0.76rem;
    color: var(--danger);
    margin-top: 2px;
}

.form-error-message[b-ovfaay31ko] {
    padding: 12px 16px;
    border-radius: var(--radius-lg);
    background: var(--danger-surface);
    border: 1px solid var(--danger-border);
    color: var(--danger);
    font-size: 0.85rem;
}

.submit-spinner[b-ovfaay31ko] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: formSpin-b-ovfaay31ko 0.6s linear infinite;
}

.form-submit[b-ovfaay31ko] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    background: var(--accent);
    color: #fff;
    border: 1px solid var(--accent);
    border-radius: var(--radius-full);
    font-size: 0.92rem;
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-family-primary);
    cursor: pointer;
    box-shadow: var(--accent-glow-sm);
    transition: box-shadow 0.18s ease, transform 0.18s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.18s ease;
    text-align: center;
    width: auto;
    align-self: flex-start;
    margin-top: 4px;
}

    .form-submit:hover:not(:disabled)[b-ovfaay31ko] {
        box-shadow: var(--accent-glow);
        transform: translateY(-1px);
    }

    .form-submit:disabled[b-ovfaay31ko] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .form-submit i[b-ovfaay31ko] {
        font-size: 0.6rem;
    }

.form-spinner[b-ovfaay31ko] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: formSpin-b-ovfaay31ko 0.6s linear infinite;
}

@keyframes formSpin-b-ovfaay31ko {
    to {
        transform: rotate(360deg);
    }
}

.form-error-banner[b-ovfaay31ko] {
    padding: 12px 16px;
    border-radius: var(--radius-lg);
    background: var(--danger-surface);
    border: 1px solid var(--danger-border);
    color: var(--danger);
    font-size: 0.85rem;
}

.form-success[b-ovfaay31ko] {
    text-align: center;
    padding: 48px 32px;
}

.form-success-icon[b-ovfaay31ko] {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--success-surface);
    margin: 0 auto 16px;
}

    .form-success-icon i[b-ovfaay31ko] {
        font-size: 1.5rem;
        color: var(--success);
    }

.form-success-title[b-ovfaay31ko] {
    font-family: var(--font-family-heading);
    font-size: 1.15rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.015em;
    color: var(--text-heading);
    margin-bottom: 8px;
}

.form-success-text[b-ovfaay31ko] {
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-bottom: 20px;
}

.form-reset-btn[b-ovfaay31ko] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-full);
    background: transparent;
    font-size: 0.82rem;
    font-weight: var(--font-weight-medium);
    color: var(--text-secondary);
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

    .form-reset-btn:hover[b-ovfaay31ko] {
        border-color: var(--accent);
        color: var(--accent);
    }


@media (max-width: 1024px) {
    .product-features[b-ovfaay31ko] {
        grid-template-columns: repeat(2, 1fr);
    }

    .team-grid[b-ovfaay31ko] {
        grid-template-columns: repeat(2, 1fr);
    }

    .advisory-programs[b-ovfaay31ko] {
        grid-template-columns: 1fr;
    }

    .advisory-cta-panel[b-ovfaay31ko] {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .about-section[b-ovfaay31ko] {
        padding: 64px 20px;
    }

    .company-grid[b-ovfaay31ko] {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        row-gap: 16px;
    }

    .company-block[b-ovfaay31ko] {
        display: flex;
        flex-direction: column;
        padding: 36px 28px 32px;
    }

    .block-text-group[b-ovfaay31ko] {
        padding-top: 24px;
    }

    .company-intro[b-ovfaay31ko] {
        margin-bottom: 36px;
    }

    .product-features[b-ovfaay31ko] {
        grid-template-columns: 1fr;
    }

    .leadership-editorial[b-ovfaay31ko] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .leadership-credential-bar[b-ovfaay31ko] {
        grid-template-columns: repeat(2, 1fr);
        padding: 20px 20px;
        gap: 14px;
    }

    .credential-stat[b-ovfaay31ko] {
        border-right: none;
        border-bottom: 1px solid var(--border-soft);
        padding-bottom: 12px;
    }

        .credential-stat:nth-last-child(-n+2)[b-ovfaay31ko] {
            border-bottom: none;
            padding-bottom: 4px;
        }

    .contact-grid[b-ovfaay31ko] {
        grid-template-columns: 1fr;
    }

    .about-cta-strip[b-ovfaay31ko] {
        padding: 0 20px;
        margin-top: -32px;
    }

    .about-cta-card[b-ovfaay31ko] {
        flex-direction: column;
        text-align: center;
        padding: 24px 20px;
        gap: 16px;
    }

    .team-grid[b-ovfaay31ko] {
        grid-template-columns: 1fr;
    }

    .team-cta[b-ovfaay31ko] {
        padding: 36px 24px;
    }

    .story-highlight[b-ovfaay31ko] {
        padding: 24px 20px;
        margin: 24px 0;
    }

    .deliverables-list[b-ovfaay31ko] {
        grid-template-columns: 1fr;
    }

    .program-footer[b-ovfaay31ko] {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-scroll-cta[b-ovfaay31ko] {
        display: none;
    }
}

@media (max-width: 480px) {
    .hero-vision-statement[b-ovfaay31ko] {
        font-size: 1.9rem;
    }

    .hero-eyebrow[b-ovfaay31ko] {
        font-size: 0.6rem;
        letter-spacing: 0.08em;
    }

    .founder-photo[b-ovfaay31ko] {
        max-width: 160px;
    }

    .founder-name[b-ovfaay31ko] {
        font-size: 1rem;
    }
}

@media (max-height: 600px) {
    .hero-vision[b-ovfaay31ko] {
        padding-top: 100px;
        padding-bottom: 60px;
    }
}


@media (prefers-reduced-motion: reduce) {
    .hero-moment:hover .hero-moment-frame[b-ovfaay31ko] {
        transform: none;
    }

    .scroll-icon[b-ovfaay31ko] {
        animation: none;
    }

    *[b-ovfaay31ko],
    *[b-ovfaay31ko]::before,
    *[b-ovfaay31ko]::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

.ainna-about[b-ovfaay31ko] {
    --about-ink: #0F141B;
    --about-ink-soft: #414A57;
    --about-signal: #8929FF;
}

    .ainna-about .section-heading[b-ovfaay31ko] {
        font-weight: 700;
        letter-spacing: -0.028em;
    }

    .ainna-about .hero-vision-statement[b-ovfaay31ko] {
        font-weight: 800;
        letter-spacing: -0.03em;
        color: var(--ink-text);
        text-wrap: balance;
    }

    .ainna-about .section-heading[b-ovfaay31ko],
    .ainna-about .block-highlight[b-ovfaay31ko],
    .ainna-about .leadership-quote p[b-ovfaay31ko] {
        text-wrap: balance;
    }

    .ainna-about .section-label[b-ovfaay31ko] {
        color: var(--accent);
        letter-spacing: 0.12em;
    }

        .ainna-about .section-label[b-ovfaay31ko]::before,
        .ainna-about .section-label[b-ovfaay31ko]::after,
        .ainna-about .hero-eyebrow[b-ovfaay31ko]::before,
        .ainna-about .hero-eyebrow[b-ovfaay31ko]::after {
            background: var(--ink-rule);
        }

        .ainna-about .section-label[b-ovfaay31ko]::before,
        .ainna-about .section-label[b-ovfaay31ko]::after {
            content: none;
        }

    .ainna-about .block-highlight[b-ovfaay31ko] {
        font-weight: 700;
        letter-spacing: -0.024em;
        color: var(--about-ink);
    }

    .ainna-about .feature-card[b-ovfaay31ko],
    .ainna-about .program-card[b-ovfaay31ko] {
        box-shadow: none;
        border: 1px solid var(--border-color);
        transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    }

        .ainna-about .feature-card:hover[b-ovfaay31ko],
        .ainna-about .program-card:hover[b-ovfaay31ko] {
            border-color: color-mix(in srgb, var(--accent) 42%, var(--border-color));
            transform: translateY(-3px);
            box-shadow: 0 14px 30px -22px rgba(15, 20, 27, 0.35);
        }

    .ainna-about .credential-stat-value[b-ovfaay31ko] {
        color: var(--about-ink);
        font-weight: 700;
        letter-spacing: -0.03em;
    }

    .ainna-about .credential-stat-label[b-ovfaay31ko] {
        color: var(--text-tertiary);
    }

    .ainna-about .leadership-link i[b-ovfaay31ko] {
        color: var(--text-tertiary);
    }

    .ainna-about .leadership-link:hover i[b-ovfaay31ko] {
        color: var(--about-signal);
    }

    .ainna-about .leadership-quote[b-ovfaay31ko] {
        border-left: 3px solid var(--about-signal);
    }

    .ainna-about a:focus-visible[b-ovfaay31ko],
    .ainna-about button:focus-visible[b-ovfaay31ko],
    .ainna-about input:focus-visible[b-ovfaay31ko],
    .ainna-about select:focus-visible[b-ovfaay31ko],
    .ainna-about textarea:focus-visible[b-ovfaay31ko] {
        outline: 2px solid var(--accent);
        outline-offset: 2px;
    }

    .ainna-about .about-navbar a:focus-visible[b-ovfaay31ko],
    .ainna-about .hero-vision a:focus-visible[b-ovfaay31ko] {
        outline-color: var(--accent-2);
    }

@media (prefers-reduced-motion: reduce) {
    .ainna-about .feature-card[b-ovfaay31ko],
    .ainna-about .program-card[b-ovfaay31ko] {
        transition: none;
    }

        .ainna-about .feature-card:hover[b-ovfaay31ko],
        .ainna-about .program-card:hover[b-ovfaay31ko] {
            transform: none;
        }
}

.ainna-about .contact-form-area[b-ovfaay31ko] {
    background: var(--sheet);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 2rem 2.1rem;
    box-shadow: none;
}

.ainna-about .form-title[b-ovfaay31ko] {
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--about-ink);
    margin-bottom: 1.2rem;
}

.ainna-about .form-label[b-ovfaay31ko] {
    font-family: var(--font-family-mono);
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.ainna-about .form-submit[b-ovfaay31ko] {
    position: relative;
    transition: opacity 0.18s ease, transform 0.18s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.18s ease;
}

.ainna-about .contact-form-fields.is-submitting .form-submit[b-ovfaay31ko] {
    opacity: 0.8;
    pointer-events: none;
}

    .ainna-about .contact-form-fields.is-submitting .form-submit i[b-ovfaay31ko] {
        display: none;
    }

    .ainna-about .contact-form-fields.is-submitting .form-submit[b-ovfaay31ko]::after {
        content: "";
        width: 15px;
        height: 15px;
        border: 2px solid rgba(255, 255, 255, 0.45);
        border-top-color: #fff;
        border-radius: 50%;
        animation: about-btn-spin-b-ovfaay31ko 0.7s linear infinite;
    }

@keyframes about-btn-spin-b-ovfaay31ko {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ainna-about .contact-form-fields.is-submitting .form-submit[b-ovfaay31ko]::after {
        animation: none;
        border-top-color: rgba(255, 255, 255, 0.45);
    }
}

.ainna-about .field-error[b-ovfaay31ko] {
    display: block;
    margin: 0.4rem 0 0.2rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--danger);
}

.ainna-about .form-group + .form-group[b-ovfaay31ko] {
    margin-top: 1.05rem;
}

.ainna-about .form-submit[b-ovfaay31ko] {
    width: 100%;
    justify-content: center;
    gap: 0.6rem;
    margin-top: 1.3rem;
}

.ainna-about[b-ovfaay31ko]  .form-input,
.ainna-about[b-ovfaay31ko]  .form-select,
.ainna-about[b-ovfaay31ko]  .form-textarea {
    width: 100%;
    padding: 0.8rem 0.95rem;
    font: inherit;
    font-size: 0.95rem;
    line-height: 1.4;
    color: var(--about-ink);
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

    .ainna-about[b-ovfaay31ko]  .form-input::placeholder,
    .ainna-about[b-ovfaay31ko]  .form-textarea::placeholder {
        color: var(--text-tertiary);
    }

    .ainna-about[b-ovfaay31ko]  .form-input:focus,
    .ainna-about[b-ovfaay31ko]  .form-select:focus,
    .ainna-about[b-ovfaay31ko]  .form-textarea:focus {
        background-color: var(--sheet);
        border-color: var(--accent);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);
        outline: none;
    }

.ainna-about[b-ovfaay31ko]  .form-textarea {
    min-height: 128px;
    max-height: 420px;
    resize: vertical;
}

    .ainna-about[b-ovfaay31ko]  .form-input.input-error,
    .ainna-about[b-ovfaay31ko]  .form-textarea.input-error {
        border-color: color-mix(in srgb, var(--danger) 60%, transparent);
    }

.ainna-about[b-ovfaay31ko]  .form-select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 2.6rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23616B79' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    cursor: pointer;
}

    .ainna-about[b-ovfaay31ko]  .form-select:focus {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%238929FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 1rem center;
    }

.ainna-about[b-ovfaay31ko]  .contact-form-fields.is-submitting .form-input,
.ainna-about[b-ovfaay31ko]  .contact-form-fields.is-submitting .form-select,
.ainna-about[b-ovfaay31ko]  .contact-form-fields.is-submitting .form-textarea {
    opacity: 0.65;
}

.ainna-about .form-extra[b-ovfaay31ko] {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.aod-ring[b-ovfaay31ko] {
    fill: rgba(232, 236, 241, 0.045);
    stroke: #5B45A3;
    stroke-width: 7;
}

.aod-sweep[b-ovfaay31ko],
.aod-sweep-in[b-ovfaay31ko] {
    fill: none;
    stroke-linecap: round;
    stroke-dasharray: 200 1100;
    transform-origin: 350px 340px;
    animation: aod-sweep-b-ovfaay31ko 11.9s linear infinite;
}

.aod-sweep[b-ovfaay31ko] {
    stroke: #8929FF;
    stroke-width: 22;
    opacity: 0.6;
    filter: blur(11px);
}

.aod-sweep-in[b-ovfaay31ko] {
    stroke: #D0A6FF;
    stroke-width: 7;
    opacity: 1;
}

    .aod-sweep.js-driven[b-ovfaay31ko],
    .aod-sweep-in.js-driven[b-ovfaay31ko],
    .aod-head.js-driven[b-ovfaay31ko] {
        animation: none;
    }

@keyframes aod-sweep-b-ovfaay31ko {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.aod-head[b-ovfaay31ko] {
    fill: #D0A6FF;
    opacity: 1;
    transform-origin: 350px 340px;
    animation: aod-sweep-b-ovfaay31ko 11.9s linear infinite;
}

.aod-dot[b-ovfaay31ko] {
    fill: #151A22;
    stroke: #3A4250;
    stroke-width: 2;
    transition: fill 0.35s ease, stroke 0.35s ease;
}

.aod-num[b-ovfaay31ko] {
    font-family: var(--font-family-mono);
    font-size: 15px;
    font-weight: 700;
    fill: #A8B1BD;
    transition: fill 0.35s ease;
}

.aod-halo[b-ovfaay31ko] {
    fill: #D0A6FF;
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    transform: scale(0.6);
}

.aod-node.is-on .aod-dot[b-ovfaay31ko] {
    fill: #D0A6FF;
    stroke: #D0A6FF;
}

.aod-node.is-on .aod-num[b-ovfaay31ko] {
    fill: #160A2E;
}

.aod-node.is-on .aod-halo[b-ovfaay31ko] {
    animation: aod-halo-b-ovfaay31ko 1.5s ease-out both;
}

@keyframes aod-halo-b-ovfaay31ko {
    0% {
        opacity: 0.35;
        transform: scale(0.6);
    }

    100% {
        opacity: 0;
        transform: scale(1.35);
    }
}

.aod-label[b-ovfaay31ko] {
    font-family: var(--font-family-primary);
    font-size: 15px;
    font-weight: 500;
    fill: #A8B1BD;
    transition: fill 0.35s ease;
}

    .aod-label.is-on[b-ovfaay31ko] {
        fill: #FFFFFF;
        font-weight: 700;
    }

.aod-step[b-ovfaay31ko] {
    font-family: var(--font-family-mono);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.22em;
    fill: #D0A6FF;
    transition: opacity 0.2s ease;
}

.aod-name[b-ovfaay31ko] {
    font-family: var(--font-family-heading);
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
    fill: #E8ECF1;
    transition: opacity 0.2s ease;
}

.aod-rule[b-ovfaay31ko] {
    stroke: #D0A6FF;
    stroke-width: 2;
    stroke-linecap: round;
    opacity: 0.8;
}

.aod-desc-wrap[b-ovfaay31ko] {
    overflow: visible;
}

.aod-desc[b-ovfaay31ko] {
    font-family: var(--font-family-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    color: #A8B1BD;
    text-align: center;
    margin: 0;
    padding: 0 6px;
    transition: opacity 0.15s ease;
}

    .aod-step.fading[b-ovfaay31ko],
    .aod-name.fading[b-ovfaay31ko],
    .aod-desc.fading[b-ovfaay31ko] {
        opacity: 0;
    }

@media (max-width: 640px) {
    .aod-label[b-ovfaay31ko] {
        font-size: 17px;
    }

    .aod-desc[b-ovfaay31ko] {
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .aod-sweep[b-ovfaay31ko],
    .aod-sweep-in[b-ovfaay31ko],
    .aod-head[b-ovfaay31ko] {
        animation: none;
        transform: rotate(240deg);
    }

    .aod-node.is-on .aod-halo[b-ovfaay31ko] {
        animation: none;
    }
}

.ainna-about .about-section[b-ovfaay31ko] {
    position: relative;
}

    .ainna-about .about-section[b-ovfaay31ko]::before {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: none;
    }

    .ainna-about .about-section > *[b-ovfaay31ko] {
        position: relative;
        z-index: 1;
    }

.ainna-about #company[b-ovfaay31ko] {
    background: linear-gradient(180deg, var(--color-bg-cool) 0%, var(--background-primary) 60%);
    border-top: 0;
}

.ainna-about .section-variant-3[b-ovfaay31ko] {
    background: var(--color-bg-warm);
    border-top: 1px solid var(--border-soft);
}

    .ainna-about .section-variant-3[b-ovfaay31ko]::before {
        background: linear-gradient(var(--border-soft) 1px, transparent 1px) 0 0 / 100% 36px, linear-gradient(90deg, var(--border-soft) 1px, transparent 1px) 0 0 / 36px 100%;
        -webkit-mask-image: radial-gradient(ellipse 72% 78% at 50% 50%, #000 25%, transparent 100%);
        mask-image: radial-gradient(ellipse 72% 78% at 50% 50%, #000 25%, transparent 100%);
    }

.ainna-about .section-variant-2[b-ovfaay31ko] {
    background: var(--wash);
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

    .ainna-about .section-variant-2[b-ovfaay31ko]::before {
        background: none;
    }

.ainna-about .section-variant-4[b-ovfaay31ko] {
    --background-primary: #140F26;
    --color-bg-warm: #0C0919;
    --sheet: #241F35;
    --backdrop: #1B1729;
    --border-color: #3E3757;
    --border-soft: #2F2853;
    --text-heading: #EEEAF8;
    --text-primary: #EEEAF8;
    --text-secondary: #BDB6D3;
    --text-tertiary: #8F88AB;
    --accent: #D0A6FF;
    --accent-tint: #36215C;
    color: #EEEAF8;
    color-scheme: dark;
    background: radial-gradient(ellipse 70% 52% at 50% -8%, rgba(var(--glow), 0.36), transparent 70%), repeating-radial-gradient(circle at 50% -8%, transparent 0 118px, rgba(208, 166, 255, 0.06) 118px 119px), #140F26;
    border-top: 1px solid color-mix(in srgb, #D0A6FF 42%, transparent);
    border-bottom: 1px solid #2F2853;
}

    .ainna-about .section-variant-4 .feature-card[b-ovfaay31ko] {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 32px -20px rgba(0, 0, 0, 0.75);
    }

        .ainna-about .section-variant-4 .feature-card:hover[b-ovfaay31ko] {
            border-color: color-mix(in srgb, var(--accent) 55%, var(--border-color));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 20px 40px -20px rgba(0, 0, 0, 0.8);
        }

    .ainna-about .section-variant-4 .feature-icon i[b-ovfaay31ko] {
        opacity: 0.16;
    }

.ainna-about .section-variant-5[b-ovfaay31ko] {
    background: linear-gradient(180deg, var(--color-bg-cool) 0%, var(--background-primary) 60%);
    border-top: 0;
}

    .ainna-about .section-variant-5[b-ovfaay31ko]::before {
        background: none;
    }

.ainna-about .section-variant-leadership[b-ovfaay31ko] {
    background: radial-gradient(ellipse 30% 60% at 12% 45%, var(--background-primary), transparent 70%), var(--color-bg-warm);
    border-top: 1px solid var(--border-soft);
    border-bottom: 1px solid var(--border-soft);
}

    .ainna-about .section-variant-leadership[b-ovfaay31ko]::before {
        background: none;
    }

.ainna-about .section-variant-6[b-ovfaay31ko] {
    background: var(--wash);
    border-top: 1px solid var(--border-color);
}

.ainna-about .credential-stat-value[b-ovfaay31ko] {
    color: var(--accent);
}

.ainna-about .feature-icon i[b-ovfaay31ko],
.ainna-about .program-watermark i[b-ovfaay31ko] {
    opacity: 0.11;
}

.ainna-about .block-highlight[b-ovfaay31ko] {
    color: var(--text-heading);
}

.ainna-about .company-block:hover .block-highlight[b-ovfaay31ko] {
    color: var(--accent);
    transition: color 0.3s ease;
}

.ainna-about .company-block[b-ovfaay31ko] {
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .ainna-about .company-block:hover[b-ovfaay31ko] {
        border-color: color-mix(in srgb, var(--accent) 42%, var(--border-color));
        transform: translateY(-3px);
        box-shadow: 0 14px 30px -22px rgba(15, 20, 27, 0.35);
    }

@media (prefers-reduced-motion: reduce) {
    .ainna-about .company-block[b-ovfaay31ko],
    .ainna-about .company-block:hover[b-ovfaay31ko] {
        transition: none;
        transform: none;
    }
}

.ainna-about .feature-icon[b-ovfaay31ko] {
    position: static;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-lg);
    background: var(--accent-tint);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0.95rem;
    pointer-events: none;
}

    .ainna-about .feature-icon i[b-ovfaay31ko] {
        font-size: 1.05rem;
        color: var(--accent);
        opacity: 1;
    }

.ainna-about .program-watermark[b-ovfaay31ko] {
    top: 26px;
    right: 26px;
    width: 48px;
    height: 48px;
    border-radius: var(--radius-lg);
    background: var(--accent-tint);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ainna-about .program-watermark i[b-ovfaay31ko] {
        font-size: 1.25rem;
        color: var(--accent);
        opacity: 1;
    }

.ainna-about .team-card-icon[b-ovfaay31ko] {
    position: static;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-lg);
    background: var(--accent-tint);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0.9rem;
}

    .ainna-about .team-card-icon i[b-ovfaay31ko] {
        font-size: 1.05rem;
        color: var(--accent);
        opacity: 1;
    }

.ainna-about .cta-panel-icon[b-ovfaay31ko] {
    background: var(--accent-tint);
    border-color: color-mix(in srgb, var(--accent) 30%, transparent);
}

.ainna-about .section-heading[b-ovfaay31ko] {
    font-weight: 800;
}

.ainna-about .feature-title[b-ovfaay31ko],
.ainna-about .program-title[b-ovfaay31ko],
.ainna-about .team-card-title[b-ovfaay31ko],
.ainna-about .contact-block-title[b-ovfaay31ko],
.ainna-about .cta-panel-title[b-ovfaay31ko],
.ainna-about .team-cta-title[b-ovfaay31ko],
.ainna-about .form-title[b-ovfaay31ko] {
    font-family: var(--font-family-heading);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--accent);
}

.ainna-about .feature-title[b-ovfaay31ko] {
    font-size: 1.1rem;
    line-height: 1.25;
}

.ainna-about .program-title[b-ovfaay31ko] {
    font-size: 1.4rem;
}

.ainna-about .program-label[b-ovfaay31ko] {
    color: var(--text-tertiary);
}

.ainna-about .block-highlight[b-ovfaay31ko] {
    font-weight: 800;
}

.ainna-about .leadership-quote p[b-ovfaay31ko] {
    font-weight: 800;
}

.ainna-about .expertise-tag[b-ovfaay31ko] {
    background: var(--accent-tint);
    border-color: color-mix(in srgb, var(--accent) 28%, transparent);
    color: var(--accent);
}

.ainna-about .feature-card[b-ovfaay31ko],
.ainna-about .program-card[b-ovfaay31ko],
.ainna-about .company-block[b-ovfaay31ko],
.ainna-about .contact-block[b-ovfaay31ko],
.ainna-about .contact-form-area[b-ovfaay31ko],
.ainna-about .leadership-credential-bar[b-ovfaay31ko],
.ainna-about .about-cta-card[b-ovfaay31ko],
.ainna-about .team-card[b-ovfaay31ko] {
    border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--border-color));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(15, 20, 27, 0.04), 0 14px 30px -20px rgba(15, 20, 27, 0.22);
}

    .ainna-about .feature-card:hover[b-ovfaay31ko],
    .ainna-about .program-card:hover[b-ovfaay31ko],
    .ainna-about .company-block:hover[b-ovfaay31ko],
    .ainna-about .team-card:hover[b-ovfaay31ko] {
        border-color: color-mix(in srgb, var(--accent) 55%, var(--border-color));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(15, 20, 27, 0.04), 0 18px 36px -20px rgba(15, 20, 27, 0.3);
    }

.ainna-about .section-variant-4 .feature-card[b-ovfaay31ko] {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 16px 32px -20px rgba(0, 0, 0, 0.75);
}

    .ainna-about .section-variant-4 .feature-card:hover[b-ovfaay31ko] {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 20px 40px -20px rgba(0, 0, 0, 0.8);
    }

.ainna-about .leadership-link i[b-ovfaay31ko] {
    color: var(--accent);
}

.ainna-about .leadership-link[b-ovfaay31ko] {
    border-color: color-mix(in srgb, var(--accent) 22%, var(--border-color));
}
/* /Components/AinnaPages/AinnaFAQSEOpage.razor.rz.scp.css */
.faq-page[b-8fhplmm56k] {
    scroll-behavior: smooth;
}

.faq-page[b-8fhplmm56k] {
    --hero-bg: #f3f0ec;
    --sidebar-bg: #faf9f7;
    --color-bg-warm: #f3f0ec;
    --color-bg-cool: #f5f3f8;
    --border-light: var(--border-lt);
    --transition-fast: 0.15s ease;
    --transition-slow: 0.3s ease;
    --font-family-heading: 'Space Grotesk', var(--font-family-primary, 'Inter', system-ui, sans-serif);
    font-family: var(--font);
    color: var(--ink-2);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .faq-page h1[b-8fhplmm56k],
    .faq-page h2[b-8fhplmm56k],
    .faq-page h3[b-8fhplmm56k] {
        font-family: var(--font-family-heading);
    }

    .faq-page .container[b-8fhplmm56k] {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 32px;
    }

@media (max-width: 768px) {
    .faq-page .container[b-8fhplmm56k] {
        padding: 0 20px;
    }
}

.faq-page .btn[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: var(--radius-md);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all var(--transition-base);
    border: none;
    letter-spacing: -0.01em;
}

.faq-page .btn-primary[b-8fhplmm56k] {
    background: var(--gradient-cta);
    color: white;
    box-shadow: var(--accent-glow-sm);
}

    .faq-page .btn-primary:hover[b-8fhplmm56k] {
        background: var(--gradient-cta);
        filter: brightness(1.1);
        transform: translateY(-2px);
        box-shadow: var(--accent-glow-hover);
    }

.faq-page .btn-secondary[b-8fhplmm56k] {
    background: var(--background-secondary);
    color: var(--text-heading);
    border: 1px solid var(--border-color);
}

    .faq-page .btn-secondary:hover[b-8fhplmm56k] {
        background: var(--border-light);
        transform: translateY(-1px);
    }

.faq-page .btn-sm[b-8fhplmm56k] {
    padding: 12px 20px;
    font-size: 13px;
}

.faq-page .sr-only[b-8fhplmm56k] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.faq-page .faq-hero[b-8fhplmm56k] {
    padding: 72px 32px 88px;
    background: var(--hero-bg);
}

.faq-page .hero-logo img[b-8fhplmm56k] {
    display: inline-block;
    height: 40px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 28px;
}

.faq-page .hero-container[b-8fhplmm56k] {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.faq-page .hero-breadcrumb[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-size: 13px;
    margin-bottom: 36px;
}

    .faq-page .hero-breadcrumb a[b-8fhplmm56k] {
        color: var(--text-tertiary);
        text-decoration: none;
        transition: color var(--transition-base);
        font-weight: 500;
    }

        .faq-page .hero-breadcrumb a:hover[b-8fhplmm56k] {
            color: var(--accent);
        }

    .faq-page .hero-breadcrumb i[b-8fhplmm56k] {
        color: var(--border-strong);
        font-size: 9px;
    }

    .faq-page .hero-breadcrumb span[b-8fhplmm56k] {
        color: var(--text-secondary);
        font-weight: 500;
    }

.faq-page .hero-title[b-8fhplmm56k] {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 600;
    line-height: 1.1;
    color: var(--text-heading);
    margin: 0 0 24px;
    letter-spacing: -0.04em;
}

.faq-page .hero-subtitle[b-8fhplmm56k] {
    font-size: 1.125rem;
    color: var(--text-secondary);
    line-height: 1.7;
    margin: 32px auto 36px;
    max-width: 680px;
    font-weight: 400;
}

.faq-page .hero-meta[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px;
    flex-wrap: wrap;
}

.faq-page .meta-item[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-tertiary);
    font-weight: 500;
}

    .faq-page .meta-item i[b-8fhplmm56k] {
        color: var(--accent);
        font-size: 14px;
        opacity: 0.6;
    }

.faq-page .hero-cover-image[b-8fhplmm56k] {
    margin-top: 40px;
    margin-bottom: 8px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}

    .faq-page .hero-cover-image img[b-8fhplmm56k] {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

@media (max-width: 768px) {
    .faq-page .hero-cover-image[b-8fhplmm56k] {
        margin-top: 28px;
        margin-bottom: 4px;
        border-radius: var(--radius-md);
    }
}

@media (max-width: 768px) {
    .faq-page .faq-hero[b-8fhplmm56k] {
        padding: 48px 20px 60px;
    }

    .faq-page .hero-title[b-8fhplmm56k] {
        font-size: 2rem;
        letter-spacing: -0.03em;
    }

    .faq-page .hero-subtitle[b-8fhplmm56k] {
        font-size: 16px;
    }

    .faq-page .hero-meta[b-8fhplmm56k] {
        gap: 20px;
    }
}

.faq-page .faq-content[b-8fhplmm56k] {
    padding: 64px 32px 80px;
}

.faq-page .faq-layout[b-8fhplmm56k] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 64px;
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .faq-page .faq-content[b-8fhplmm56k] {
        padding: 48px 20px 64px;
    }

    .faq-page .faq-layout[b-8fhplmm56k] {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

.faq-page .faq-sidebar[b-8fhplmm56k] {
    position: relative;
}

.faq-page .sidebar-sticky[b-8fhplmm56k] {
    position: sticky;
    top: 80px;
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 24px;
}

.faq-page .faq-sidebar h3[b-8fhplmm56k] {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 20px 0 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-light);
}

.faq-page .toc-list[b-8fhplmm56k] {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.faq-page .toc-category[b-8fhplmm56k] {
    margin-bottom: 4px;
}

    .faq-page .toc-category:last-child[b-8fhplmm56k] {
        margin-bottom: 0;
    }

.faq-page .toc-category-link[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-heading);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 10px;
    margin: 0 -10px;
    border-radius: var(--radius-sm);
    transition: all var(--transition-base);
    letter-spacing: -0.01em;
}

    .faq-page .toc-category-link:hover[b-8fhplmm56k] {
        color: var(--accent);
        background: color-mix(in srgb, var(--accent) 5%, transparent);
    }

    .faq-page .toc-category-link i[b-8fhplmm56k] {
        color: var(--text-tertiary);
        font-size: 12px;
        width: 16px;
        flex-shrink: 0;
        opacity: 0.5;
    }

    .faq-page .toc-category-link span:not(.toc-count)[b-8fhplmm56k] {
        flex: 1;
    }

.faq-page .toc-count[b-8fhplmm56k] {
    display: none;
}

.faq-page .toc-questions[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin: 2px 0 8px 14px;
    padding-left: 0;
    border-left: none;
}

.faq-page .toc-question-link[b-8fhplmm56k] {
    font-size: 12.5px;
    color: var(--text-secondary);
    text-decoration: none;
    line-height: 1.5;
    padding: 5px 8px;
    border-radius: 4px;
    transition: all var(--transition-base);
    display: block;
    font-weight: 400;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}

    .faq-page .toc-question-link:hover[b-8fhplmm56k] {
        color: var(--accent);
        background: color-mix(in srgb, var(--accent) 5%, transparent);
    }

    .faq-page .toc-question-link.toc-active[b-8fhplmm56k] {
        color: var(--accent);
        font-weight: 500;
    }

.faq-page .sidebar-cta[b-8fhplmm56k] {
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    padding: 20px 24px;
    margin: -24px -24px 0 -24px;
    border-bottom: 1px solid var(--border-light);
    position: relative;
}

    .faq-page .sidebar-cta h4[b-8fhplmm56k] {
        font-family: var(--font-family-heading);
        font-size: 13px;
        font-weight: 500;
        margin: 0 0 10px;
        color: var(--ink-3);
        letter-spacing: -0.01em;
        line-height: 1.4;
    }

.faq-page .sidebar-cta-link[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--accent);
    text-decoration: none;
    transition: gap var(--transition-base);
}

    .faq-page .sidebar-cta-link:hover[b-8fhplmm56k] {
        gap: 10px;
    }

    .faq-page .sidebar-cta-link i[b-8fhplmm56k] {
        font-size: 9px;
        transition: transform var(--transition-base);
    }

    .faq-page .sidebar-cta-link:hover i[b-8fhplmm56k] {
        transform: translateX(2px);
    }

.faq-page .hero-methodology[b-8fhplmm56k] {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

.faq-page .methodology-badge[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px;
    background: color-mix(in srgb, var(--accent) 6%, white);
    border: 1px solid var(--accent-border);
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--accent-deep, #9d0050);
}

    .faq-page .methodology-badge i[b-8fhplmm56k] {
        color: var(--accent);
        font-size: 12px;
    }

.faq-page .what-you-learn[b-8fhplmm56k] {
    background: var(--color-bg-cool);
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding: 24px 32px;
}

.faq-page .wyl-inner[b-8fhplmm56k] {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 24px;
    flex-wrap: wrap;
}

.faq-page .wyl-label[b-8fhplmm56k] {
    font-size: 12px;
    font-weight: 700;
    color: var(--accent);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding-top: 2px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

    .faq-page .wyl-label i[b-8fhplmm56k] {
        font-size: 13px;
    }

.faq-page .wyl-list[b-8fhplmm56k] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 28px;
    flex: 1;
}

    .faq-page .wyl-list li[b-8fhplmm56k] {
        font-size: 13px;
        color: var(--text-secondary);
        font-weight: 500;
        padding-left: 16px;
        position: relative;
        line-height: 1.5;
    }

        .faq-page .wyl-list li[b-8fhplmm56k]::before {
            content: '';
            position: absolute;
            left: 0;
            top: 7px;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: var(--accent);
            opacity: 0.5;
        }

@media (max-width: 768px) {
    .faq-page .what-you-learn[b-8fhplmm56k] {
        padding: 20px;
    }

    .faq-page .wyl-inner[b-8fhplmm56k] {
        flex-direction: column;
        gap: 12px;
    }
}

.faq-page .guide-main[b-8fhplmm56k] {
    min-width: 0;
}

.faq-page .guide-section[b-8fhplmm56k] {
    margin-bottom: 72px;
    scroll-margin-top: 32px;
}

    .faq-page .guide-section:last-of-type[b-8fhplmm56k] {
        margin-bottom: 48px;
    }

.faq-page .guide-section-header[b-8fhplmm56k] {
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin-bottom: 40px;
    padding: 32px 0 24px;
    border-bottom: none;
    position: relative;
    overflow: hidden;
}

    .faq-page .guide-section-header[b-8fhplmm56k]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 20%, transparent) 50%, transparent 100%);
    }

.faq-page .guide-section-icon-bare[b-8fhplmm56k] {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8rem;
    color: var(--accent);
    opacity: 0.04;
    pointer-events: none;
    line-height: 1;
}

.faq-page .guide-section-meta[b-8fhplmm56k] {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
}

    .faq-page .guide-section-meta h2[b-8fhplmm56k] {
        font-size: clamp(1.5rem, 3vw, 2rem);
        font-weight: 300;
        color: var(--text-heading);
        margin: 0 0 6px;
        letter-spacing: -0.04em;
        line-height: 1.15;
    }

    .faq-page .guide-section-meta p[b-8fhplmm56k] {
        font-size: 14px;
        color: var(--text-secondary);
        margin: 0;
        line-height: 1.6;
        font-weight: 400;
    }

.faq-page .guide-entries[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.faq-page .guide-entry[b-8fhplmm56k] {
    padding: 36px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--border-color) 50%, transparent);
    scroll-margin-top: 32px;
}

    .faq-page .guide-entry:last-child[b-8fhplmm56k] {
        border-bottom: none;
    }

.faq-page .guide-entry-question[b-8fhplmm56k] {
    font-family: var(--font-family-heading);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--ink);
    margin: 0 0 20px;
    letter-spacing: -0.03em;
    line-height: 1.3;
}

.faq-page .guide-entry-body[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.faq-page .answer-lead[b-8fhplmm56k] {
    font-size: 1.0625rem;
    color: var(--ink-2);
    line-height: 1.75;
    margin: 0;
    font-weight: 400;
}

.faq-page .guide-keypoints[b-8fhplmm56k] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .faq-page .guide-keypoints li[b-8fhplmm56k] {
        font-size: 1rem;
        color: var(--text-secondary);
        line-height: 1.7;
        padding-left: 20px;
        position: relative;
    }

        .faq-page .guide-keypoints li[b-8fhplmm56k]::before {
            content: '';
            position: absolute;
            left: 0;
            top: 10px;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: var(--accent);
            opacity: 0.45;
        }

        .faq-page .guide-keypoints li strong[b-8fhplmm56k] {
            color: var(--ink-3, #334155);
            font-weight: 600;
        }

        .faq-page .guide-keypoints li a[b-8fhplmm56k] {
            color: var(--accent);
            text-decoration: none;
            border-bottom: 1px solid var(--accent-border);
            transition: border-color 0.15s ease;
        }

            .faq-page .guide-keypoints li a:hover[b-8fhplmm56k] {
                border-bottom-color: var(--accent);
            }

.faq-page .answer-conclusion-card[b-8fhplmm56k] {
    display: flex;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    border: none;
    box-shadow: none;
    transition: transform var(--transition-base);
}

    .faq-page .answer-conclusion-card:hover[b-8fhplmm56k] {
        transform: translateX(4px);
    }

.faq-page .answer-conclusion-accent[b-8fhplmm56k] {
    width: 3px;
    flex-shrink: 0;
    background: var(--accent);
    border-radius: 0;
}

.faq-page .answer-conclusion-content[b-8fhplmm56k] {
    padding: 4px 0 4px 24px;
    flex: 1;
    min-width: 0;
}

.faq-page .answer-conclusion-label[b-8fhplmm56k] {
    display: block;
    font-family: var(--font-family-heading);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 8px;
    opacity: 0.6;
}

.faq-page .answer-conclusion[b-8fhplmm56k] {
    font-size: 0.9375rem;
    color: var(--ink-3);
    line-height: 1.7;
    margin: 0;
    font-weight: 550;
    font-style: normal;
    background: none;
    padding: 0;
    border-left: none;
    border-radius: 0;
    transition: color var(--transition-base);
}

.faq-page .answer-conclusion-card:hover .answer-conclusion[b-8fhplmm56k] {
    color: var(--ink);
}

.faq-page .answer-conclusion a[b-8fhplmm56k] {
    color: var(--accent);
    text-decoration: none;
    font-weight: 600;
}

    .faq-page .answer-conclusion a:hover[b-8fhplmm56k] {
        text-decoration: underline;
    }

.faq-page .guide-entry-images[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 4px;
}

.faq-page .guide-entry-figure[b-8fhplmm56k] {
    margin: 0;
}

.faq-page .guide-entry-figure-frame[b-8fhplmm56k] {
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--border-color);
    background: var(--background-secondary);
    box-shadow: var(--shadow-sm);
    position: relative;
}

    .faq-page .guide-entry-figure-frame[b-8fhplmm56k]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 40px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.03) 0%, transparent 100%);
        pointer-events: none;
    }

    .faq-page .guide-entry-figure-frame img[b-8fhplmm56k] {
        display: block;
        width: 100%;
        height: auto;
    }

.faq-page .guide-entry-figure figcaption[b-8fhplmm56k] {
    font-size: 12.5px;
    color: var(--text-tertiary);
    margin-top: 10px;
    padding: 0 4px;
    line-height: 1.5;
    font-style: italic;
}

@media (max-width: 768px) {
    .faq-page .guide-entry-figure-frame[b-8fhplmm56k] {
        border-radius: var(--radius-md);
    }
}

.faq-page .pull-quote[b-8fhplmm56k] {
    margin: 20px -4px;
    padding: 36px 40px 28px;
    background: var(--ink, #0f172a);
    border-radius: var(--radius-lg);
    position: relative;
    overflow: hidden;
}

    .faq-page .pull-quote[b-8fhplmm56k]::before {
        content: '';
        position: absolute;
        top: -40px;
        right: -40px;
        width: 220px;
        height: 220px;
        background: radial-gradient(circle, color-mix(in srgb, var(--accent) 20%, transparent) 0%, transparent 65%);
        pointer-events: none;
    }

.faq-page .pull-quote-mark[b-8fhplmm56k] {
    display: block;
    font-size: 4.5rem;
    color: var(--accent);
    opacity: 0.35;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 0.75;
    margin-bottom: 12px;
    user-select: none;
    position: relative;
    z-index: 1;
}

.faq-page .pull-quote p[b-8fhplmm56k] {
    font-size: 1.375rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.4;
    margin: 0 0 20px;
    letter-spacing: -0.03em;
    position: relative;
    z-index: 1;
}

.faq-page .pull-quote-footer[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: relative;
    z-index: 1;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.faq-page .pull-quote-attribution[b-8fhplmm56k] {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.35);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.faq-page .pull-quote-copy[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.35);
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9999px;
    padding: 5px 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: var(--font);
}

    .faq-page .pull-quote-copy:hover[b-8fhplmm56k] {
        color: rgba(255, 255, 255, 0.75);
        border-color: rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.06);
    }

    .faq-page .pull-quote-copy.copied[b-8fhplmm56k] {
        color: #10b981;
        border-color: rgba(16, 185, 129, 0.3);
        background: rgba(16, 185, 129, 0.08);
    }

    .faq-page .pull-quote-copy i[b-8fhplmm56k] {
        font-size: 10px;
    }

@media (max-width: 768px) {
    .faq-page .pull-quote[b-8fhplmm56k] {
        margin: 16px 0;
        padding: 28px 24px 22px;
    }

        .faq-page .pull-quote p[b-8fhplmm56k] {
            font-size: 1.125rem;
        }

    .faq-page .pull-quote-footer[b-8fhplmm56k] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

.faq-page .meet-ainna[b-8fhplmm56k] {
    margin: 56px 0 0;
    padding: 48px 56px;
    background: linear-gradient(145deg, #120818 0%, #1e0d2a 60%, #2a0f20 100%);
    border-radius: var(--radius-xl, 20px);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 40px;
    align-items: center;
    position: relative;
    overflow: hidden;
}

    .faq-page .meet-ainna[b-8fhplmm56k]::before {
        content: '';
        position: absolute;
        bottom: -60px;
        left: -40px;
        width: 300px;
        height: 300px;
        background: radial-gradient(circle, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 65%);
        pointer-events: none;
    }

    .faq-page .meet-ainna[b-8fhplmm56k]::after {
        content: '';
        position: absolute;
        top: -60px;
        right: 100px;
        width: 240px;
        height: 240px;
        background: radial-gradient(circle, rgba(120, 40, 180, 0.12) 0%, transparent 65%);
        pointer-events: none;
    }

.faq-page .meet-ainna-body[b-8fhplmm56k] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.faq-page .meet-ainna-eyebrow[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--accent) 75%, white);
    margin-bottom: 14px;
}

    .faq-page .meet-ainna-eyebrow i[b-8fhplmm56k] {
        font-size: 11px;
    }

.faq-page .meet-ainna-title[b-8fhplmm56k] {
    font-size: clamp(1.375rem, 2.5vw, 1.75rem);
    font-weight: 300;
    color: rgba(255, 255, 255, 0.96);
    margin: 0 0 10px;
    letter-spacing: -0.04em;
    line-height: 1.15;
}

.faq-page .meet-ainna-subtitle[b-8fhplmm56k] {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.5);
    margin: 0 0 28px;
    line-height: 1.6;
    max-width: 480px;
}

.faq-page .meet-ainna-actions[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.faq-page .meet-ainna-note[b-8fhplmm56k] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.35);
    font-weight: 500;
}

.faq-page .meet-ainna-tagline[b-8fhplmm56k] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    flex-shrink: 0;
    text-decoration: none;
    transition: opacity var(--transition-base);
}

    .faq-page .meet-ainna-tagline:hover[b-8fhplmm56k] {
        opacity: 0.8;
    }

.faq-page .meet-ainna-logo[b-8fhplmm56k] {
    height: 28px;
    width: auto;
    opacity: 0.85;
    display: block;
}

.faq-page .meet-ainna-wordmark[b-8fhplmm56k] {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.25);
    letter-spacing: 0.04em;
    text-align: right;
    line-height: 1.4;
}

@media (max-width: 900px) {
    .faq-page .meet-ainna[b-8fhplmm56k] {
        grid-template-columns: 1fr;
        padding: 36px 32px;
        gap: 24px;
    }

    .faq-page .meet-ainna-tagline[b-8fhplmm56k] {
        display: none;
    }

    .faq-page .meet-ainna-title[b-8fhplmm56k] {
        font-size: 1.25rem;
    }
}

@media (max-width: 640px) {
    .faq-page .meet-ainna[b-8fhplmm56k] {
        padding: 28px 24px;
        border-radius: var(--radius-lg);
    }

    .faq-page .meet-ainna-actions[b-8fhplmm56k] {
        flex-direction: column;
        align-items: stretch;
    }

        .faq-page .meet-ainna-actions .btn[b-8fhplmm56k] {
            width: 100%;
            justify-content: center;
        }
}

.faq-page .ainna-note[b-8fhplmm56k] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 28px;
    padding: 12px 0 12px 16px;
    border-left: 2px solid color-mix(in srgb, var(--accent) 25%, transparent);
}

.faq-page .ainna-note-icon[b-8fhplmm56k] {
    color: var(--accent);
    opacity: 0.3;
    font-size: 11px;
    flex-shrink: 0;
    margin-top: 3px;
}

.faq-page .ainna-note-text[b-8fhplmm56k] {
    font-size: 0.8125rem;
    color: var(--ink-5);
    line-height: 1.6;
    margin: 0;
}

    .faq-page .ainna-note-text strong[b-8fhplmm56k] {
        color: var(--ink-4);
        font-weight: 600;
    }

.faq-page .ainna-note-link[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--accent);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    margin-left: 4px;
    transition: gap var(--transition-base);
}

    .faq-page .ainna-note-link:hover[b-8fhplmm56k] {
        gap: 7px;
    }

    .faq-page .ainna-note-link i[b-8fhplmm56k] {
        font-size: 8px;
    }

.faq-page .sidebar-subscribe[b-8fhplmm56k] {
    margin-top: 16px;
    padding: 20px;
    background: var(--background-primary);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
}

.faq-page .sidebar-subscribe-header[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

    .faq-page .sidebar-subscribe-header i[b-8fhplmm56k] {
        color: var(--text-tertiary);
        font-size: 14px;
        opacity: 0.5;
    }

    .faq-page .sidebar-subscribe-header h4[b-8fhplmm56k] {
        font-size: 14px;
        font-weight: 700;
        color: var(--text-heading);
        margin: 0;
    }

.faq-page .sidebar-subscribe p[b-8fhplmm56k] {
    font-size: 12px;
    color: var(--text-secondary);
    margin: 0 0 14px;
    line-height: 1.5;
}

.faq-page .sidebar-subscribe-form[b-8fhplmm56k] {
    display: flex;
    gap: 8px;
}

.faq-page .sidebar-subscribe-input[b-8fhplmm56k] {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 13px;
    font-family: inherit;
    background: var(--background-primary);
    color: var(--text-primary);
    transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

    .faq-page .sidebar-subscribe-input:focus[b-8fhplmm56k] {
        outline: none;
        border-color: var(--accent);
        box-shadow: 0 0 0 3px var(--shadow-color-light);
    }

    .faq-page .sidebar-subscribe-input[b-8fhplmm56k]::placeholder {
        color: var(--text-tertiary);
    }

    .faq-page .sidebar-subscribe-input:disabled[b-8fhplmm56k] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .faq-page .sidebar-subscribe-input.error[b-8fhplmm56k] {
        border-color: #ef4444;
        background: #fef2f2;
    }

        .faq-page .sidebar-subscribe-input.error:focus[b-8fhplmm56k] {
            border-color: #ef4444;
            box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
        }

.faq-page .sidebar-subscribe-error[b-8fhplmm56k] {
    display: block;
    font-size: 11px;
    color: #ef4444;
    margin-top: 10px;
    font-weight: 500;
}

.faq-page .sidebar-subscribe-btn[b-8fhplmm56k] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent);
    color: white;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--transition-base);
}

    .faq-page .sidebar-subscribe-btn:hover:not(:disabled)[b-8fhplmm56k] {
        background: var(--color-accent-2);
    }

    .faq-page .sidebar-subscribe-btn:disabled[b-8fhplmm56k] {
        opacity: 0.7;
        cursor: not-allowed;
    }

    .faq-page .sidebar-subscribe-btn i[b-8fhplmm56k] {
        font-size: 14px;
    }

    .faq-page .sidebar-subscribe-btn.loading[b-8fhplmm56k] {
        pointer-events: none;
    }

.faq-page .sidebar-subscribe-privacy[b-8fhplmm56k] {
    display: block;
    font-size: 11px;
    color: var(--text-tertiary);
    margin-top: 10px;
}

.faq-page .sidebar-subscribe-success[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    background: color-mix(in srgb, var(--accent) 8%, white);
    border: 1px solid color-mix(in srgb, var(--accent) 20%, transparent);
    border-radius: var(--radius-sm);
    color: var(--accent-deep, #9d0050);
    font-size: 13px;
    font-weight: 600;
    animation: success-pop-b-8fhplmm56k 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

    .faq-page .sidebar-subscribe-success i[b-8fhplmm56k] {
        font-size: 18px;
        color: var(--accent);
        animation: check-bounce-b-8fhplmm56k 0.5s ease-out 0.2s both;
    }

.faq-page .btn-spinner-sm[b-8fhplmm56k] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-8fhplmm56k 0.8s linear infinite;
}

@media (max-width: 1024px) {
    .faq-page .faq-sidebar[b-8fhplmm56k] {
        display: none;
    }
}

.index-hero[b-8fhplmm56k] {
    position: relative;
    overflow: hidden;
    padding: 88px 0 104px;
    color: #fff;
    background: radial-gradient(760px 520px at 88% 10%, rgba(244, 8, 155, 0.22), transparent 62%), radial-gradient(700px 560px at 72% 100%, rgba(76, 42, 158, 0.55), transparent 65%), radial-gradient(640px 480px at 0% 100%, rgba(26, 69, 201, 0.26), transparent 60%), linear-gradient(160deg, #150735 0%, #0d0526 50%, #080318 100%);
}

    .index-hero[b-8fhplmm56k]::before {
        content: '';
        position: absolute;
        inset: 0;
        background-image: radial-gradient(rgba(255, 255, 255, 0.09) 1px, transparent 1.4px);
        background-size: 24px 24px;
        -webkit-mask-image: linear-gradient(100deg, #000 0%, rgba(0, 0, 0, 0.55) 45%, transparent 78%);
        mask-image: linear-gradient(100deg, #000 0%, rgba(0, 0, 0, 0.55) 45%, transparent 78%);
        pointer-events: none;
    }

    .index-hero[b-8fhplmm56k]::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 6px;
        background: linear-gradient(90deg, #3A4378 0 12.5%, #A0145A 12.5% 25%, #0B6E66 25% 37.5%, #D9480F 37.5% 50%, #9B1C31 50% 62.5%, #4C2A9E 62.5% 75%, #1A45C9 75% 87.5%, #1F5C45 87.5% 100%);
    }

.index-hero-inner[b-8fhplmm56k] {
    position: relative;
    z-index: 1;
    max-width: 1160px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 48px;
    align-items: center;
}

.index-hero-copy[b-8fhplmm56k] {
    text-align: left;
}

.index-hero-news[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 14px 5px 5px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease;
}

    .index-hero-news:hover[b-8fhplmm56k] {
        background: rgba(255, 255, 255, 0.12);
        border-color: rgba(255, 255, 255, 0.28);
        color: #fff;
    }

    .index-hero-news i[b-8fhplmm56k] {
        font-size: 0.6875rem;
        opacity: 0.7;
    }

.index-hero-news-tag[b-8fhplmm56k] {
    background: #FFD166;
    color: #3B1D00;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 3px 9px;
    border-radius: 9999px;
}

.index-hero-title[b-8fhplmm56k] {
    font-size: clamp(2.5rem, 5.2vw, 4.25rem);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -0.035em;
    color: #fff;
    margin: 22px 0;
    text-wrap: balance;
}

.index-hero-title-accent[b-8fhplmm56k] {
    background: linear-gradient(95deg, #FF6AC1 0%, #F4089B 45%, #FFB86B 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.index-hero-subtitle[b-8fhplmm56k] {
    font-size: 1.125rem;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.74);
    margin: 0 0 32px;
    max-width: 540px;
    font-weight: 400;
}

.index-hero-actions[b-8fhplmm56k] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 44px;
}

.index-hero-btn[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 9999px;
    font-size: 0.9375rem;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

    .index-hero-btn i[b-8fhplmm56k] {
        font-size: 0.8125rem;
    }

.index-hero-btn-primary[b-8fhplmm56k] {
    background: var(--accent);
    color: #fff;
    box-shadow: 0 12px 32px color-mix(in srgb, var(--accent) 40%, transparent);
}

    .index-hero-btn-primary:hover[b-8fhplmm56k] {
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 16px 40px color-mix(in srgb, var(--accent) 50%, transparent);
    }

.index-hero-btn-ghost[b-8fhplmm56k] {
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.22);
}

    .index-hero-btn-ghost:hover[b-8fhplmm56k] {
        color: #fff;
        background: rgba(255, 255, 255, 0.12);
    }

.index-hero-stats[b-8fhplmm56k] {
    display: flex;
    align-items: center;
}

.index-hero-stat[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 28px;
}

    .index-hero-stat:first-child[b-8fhplmm56k] {
        padding-left: 0;
    }

.index-hero-stat-number[b-8fhplmm56k] {
    font-family: var(--font-family-heading);
    font-size: 2.25rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    line-height: 1;
}

.index-hero-stat-label[b-8fhplmm56k] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
}

.index-hero-stat-divider[b-8fhplmm56k] {
    width: 1px;
    height: 44px;
    background: rgba(255, 255, 255, 0.14);
    flex-shrink: 0;
}

.index-hero-visual[b-8fhplmm56k] {
    position: relative;
    height: 500px;
}

.index-hero-card[b-8fhplmm56k] {
    position: absolute;
    width: 55%;
    aspect-ratio: 1360 / 760;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

    .index-hero-card img[b-8fhplmm56k] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .index-hero-card:hover[b-8fhplmm56k],
    .index-hero-card:focus-visible[b-8fhplmm56k] {
        transform: translateY(-8px) rotate(0deg) scale(1.03);
        z-index: 10;
        box-shadow: 0 36px 72px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.2);
    }

.index-hero-card-1[b-8fhplmm56k] {
    top: 0;
    left: 0;
    transform: rotate(-5deg);
    z-index: 1;
}

.index-hero-card-2[b-8fhplmm56k] {
    top: 44px;
    right: 0;
    transform: rotate(4deg);
    z-index: 2;
}

.index-hero-card-3[b-8fhplmm56k] {
    top: 172px;
    left: 5%;
    transform: rotate(3deg);
    z-index: 3;
}

.index-hero-card-4[b-8fhplmm56k] {
    top: 214px;
    right: 3%;
    transform: rotate(-3deg);
    z-index: 4;
}

.index-hero-card-5[b-8fhplmm56k] {
    top: 344px;
    left: 0;
    transform: rotate(-2deg);
    z-index: 5;
}

.index-hero-card-6[b-8fhplmm56k] {
    top: 382px;
    right: 5%;
    transform: rotate(4deg);
    z-index: 6;
}

@media (prefers-reduced-motion: reduce) {
    .index-hero-card[b-8fhplmm56k],
    .index-hero-btn[b-8fhplmm56k] {
        transition: none;
    }
}

@media (max-width: 960px) {
    .index-hero[b-8fhplmm56k] {
        padding: 56px 0 64px;
    }

    .index-hero-inner[b-8fhplmm56k] {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .index-hero-copy[b-8fhplmm56k] {
        text-align: center;
    }

    .index-hero-subtitle[b-8fhplmm56k] {
        margin-left: auto;
        margin-right: auto;
    }

    .index-hero-actions[b-8fhplmm56k],
    .index-hero-stats[b-8fhplmm56k] {
        justify-content: center;
    }

    .index-hero-stat:first-child[b-8fhplmm56k] {
        padding-left: 28px;
    }

    .index-hero-visual[b-8fhplmm56k] {
        height: auto;
        display: flex;
        gap: 12px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding: 8px 2px 16px;
    }

    .index-hero-card[b-8fhplmm56k] {
        position: relative;
        inset: auto;
        transform: none;
        flex: 0 0 72%;
        width: auto;
        scroll-snap-align: center;
    }
}

@media (max-width: 560px) {
    .index-hero-title[b-8fhplmm56k] {
        font-size: 2.35rem;
    }

    .index-hero-subtitle[b-8fhplmm56k] {
        font-size: 1rem;
    }

    .index-hero-stats[b-8fhplmm56k] {
        align-items: flex-start;
    }

    .index-hero-stat[b-8fhplmm56k],
    .index-hero-stat:first-child[b-8fhplmm56k] {
        padding: 0 10px;
    }

    .index-hero-stat-number[b-8fhplmm56k] {
        font-size: 1.6rem;
    }

    .index-hero-stat-label[b-8fhplmm56k] {
        font-size: 0.75rem;
        white-space: nowrap;
    }

    .index-hero-stat-divider[b-8fhplmm56k] {
        height: 36px;
    }

    .index-hero-btn[b-8fhplmm56k] {
        padding: 12px 18px;
    }
}

.index-topics-intro[b-8fhplmm56k] {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--text-secondary, #5B6270);
}

.index-topics[b-8fhplmm56k] {
    background: white;
    padding: 40px 0;
    border-bottom: 1px solid var(--border-color);
}

    .index-topics .container[b-8fhplmm56k] {
        max-width: 1100px;
    }

.index-topics-inner[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.index-topics-label[b-8fhplmm56k] {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}

.index-topics-pills[b-8fhplmm56k] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.index-topic-pill[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: white;
    border: 1.5px solid var(--border-color);
    border-radius: 9999px;
    font-size: 0.8125rem;
    font-weight: 550;
    color: var(--ink-3, #334155);
    text-decoration: none;
    transition: all 0.25s ease;
    letter-spacing: -0.01em;
}

    .index-topic-pill i[b-8fhplmm56k] {
        font-size: 0.8125rem;
        color: var(--accent);
        opacity: 0.45;
        transition: all 0.2s ease;
    }

.index-topic-pill-count[b-8fhplmm56k] {
    font-size: 0.625rem;
    font-weight: 700;
    color: var(--text-tertiary);
    background: var(--background-secondary);
    padding: 2px 8px;
    border-radius: 9999px;
    line-height: 1.4;
    transition: all 0.2s ease;
}

.index-topic-pill:hover[b-8fhplmm56k] {
    border-color: var(--accent);
    color: var(--accent);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--accent) 12%, transparent);
}

    .index-topic-pill:hover i[b-8fhplmm56k] {
        opacity: 1;
    }

    .index-topic-pill:hover .index-topic-pill-count[b-8fhplmm56k] {
        background: color-mix(in srgb, var(--accent) 10%, transparent);
        color: var(--accent);
    }

@media (max-width: 768px) {
    .index-topics[b-8fhplmm56k] {
        padding: 24px 0;
    }

    .index-topics-pills[b-8fhplmm56k] {
        width: 100%;
    }

    .index-topic-pill[b-8fhplmm56k] {
        flex: 1;
        justify-content: center;
        min-width: calc(50% - 5px);
    }
}

.index-categories[b-8fhplmm56k] {
    padding: 0;
    background: var(--color-bg-warm);
}

    .index-categories .container[b-8fhplmm56k] {
        max-width: 1100px;
        padding-top: 104px;
        padding-bottom: 104px;
    }

.index-category[b-8fhplmm56k] {
    padding: 56px 0;
    border-bottom: 1px solid var(--border-color);
}

    .index-category:first-child[b-8fhplmm56k] {
        padding-top: 0;
    }

    .index-category:last-of-type[b-8fhplmm56k] {
        border-bottom: none;
        padding-bottom: 0;
    }

.index-category-header[b-8fhplmm56k] {
    margin-bottom: 32px;
}

.index-category-label[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.index-category-count[b-8fhplmm56k] {
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.index-category-title[b-8fhplmm56k] {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 300;
    color: var(--text-heading);
    margin: 0 0 8px;
    letter-spacing: -0.04em;
    line-height: 1.15;
}

.index-category-desc[b-8fhplmm56k] {
    font-size: 0.9375rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.6;
    max-width: 640px;
}

.index-articles-grid[b-8fhplmm56k] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.index-article-card[b-8fhplmm56k] {
    background: white;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    transition: all 0.25s ease;
    overflow: hidden;
}

    .index-article-card:hover[b-8fhplmm56k] {
        border-color: color-mix(in srgb, var(--accent) 35%, transparent);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06), 0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent);
        transform: translateY(-3px);
    }

.index-article-cover[b-8fhplmm56k] {
    display: block;
    overflow: hidden;
    flex-shrink: 0;
}

    .index-article-cover img[b-8fhplmm56k] {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        object-fit: cover;
        object-position: center center;
        transition: transform 0.4s ease;
    }

.index-article-card:hover .index-article-cover img[b-8fhplmm56k] {
    transform: scale(1.04);
}

.index-article-card-body[b-8fhplmm56k] {
    flex: 1;
    min-height: 0;
    margin-bottom: 0;
    padding: 20px 20px 0;
}

.index-article-card h3[b-8fhplmm56k] {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--text-heading);
    margin: 0 0 8px;
    line-height: 1.35;
    letter-spacing: -0.02em;
}

.index-article-title-link[b-8fhplmm56k] {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .index-article-title-link:hover[b-8fhplmm56k] {
        color: var(--accent);
    }

.index-article-card p[b-8fhplmm56k] {
    font-size: 0.875rem;
    color: var(--text-tertiary);
    margin: 0;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.index-article-btn[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--accent);
    text-decoration: none;
    padding: 8px 16px;
    border: 1px solid color-mix(in srgb, var(--accent) 20%, transparent);
    border-radius: 9999px;
    align-self: flex-start;
    transition: all 0.2s ease;
    background: transparent;
    margin: 16px 20px 20px;
}

    .index-article-btn i[b-8fhplmm56k] {
        font-size: 0.6875rem;
        transition: transform 0.2s ease;
    }

    .index-article-btn:hover[b-8fhplmm56k] {
        background: var(--accent);
        border-color: var(--accent);
        color: white;
        transform: translateX(2px);
    }

        .index-article-btn:hover i[b-8fhplmm56k] {
            transform: translateX(3px);
        }

.index-article-card:hover .index-article-btn[b-8fhplmm56k] {
    background: var(--accent);
    border-color: var(--accent);
    color: white;
}

    .index-article-card:hover .index-article-btn i[b-8fhplmm56k] {
        transform: translateX(3px);
    }

@media (max-width: 768px) {
    .index-category[b-8fhplmm56k] {
        padding: 40px 0;
    }

    .index-categories .container[b-8fhplmm56k] {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .index-articles-grid[b-8fhplmm56k] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .index-articles-grid[b-8fhplmm56k] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.index-category-title[b-8fhplmm56k] {
    font-size: 1.375rem;
}


.index-subscribe-panel[b-8fhplmm56k] {
    margin-top: 64px;
    margin-bottom: 16px;
}

.index-subscribe-panel-inner[b-8fhplmm56k] {
    background: linear-gradient(145deg, #120818 0%, #1e0d2a 60%, #2a0f20 100%);
    border-radius: var(--radius-xl, 24px);
    padding: 48px 56px;
    display: flex;
    align-items: center;
    gap: 48px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

    .index-subscribe-panel-inner[b-8fhplmm56k]::before {
        content: '';
        position: absolute;
        top: -80px;
        right: -40px;
        width: 320px;
        height: 320px;
        background: radial-gradient(circle, color-mix(in srgb, var(--accent) 15%, transparent) 0%, transparent 60%);
        pointer-events: none;
    }

.index-subscribe-panel-text[b-8fhplmm56k] {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.index-subscribe-panel-eyebrow[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--accent) 70%, white);
    margin-bottom: 14px;
}

    .index-subscribe-panel-eyebrow i[b-8fhplmm56k] {
        font-size: 11px;
    }

.index-subscribe-panel-text h3[b-8fhplmm56k] {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    font-weight: 300;
    color: rgba(255, 255, 255, 0.95);
    margin: 0 0 10px;
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.index-subscribe-panel-text p[b-8fhplmm56k] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.45);
    margin: 0;
    line-height: 1.6;
}

.index-subscribe-panel-form[b-8fhplmm56k] {
    flex-shrink: 0;
    width: 340px;
    position: relative;
    z-index: 1;
}

    .index-subscribe-panel-form .subscribe-form[b-8fhplmm56k] {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .index-subscribe-panel-form .subscribe-input[b-8fhplmm56k] {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        color: white;
        border-radius: 10px;
    }

        .index-subscribe-panel-form .subscribe-input[b-8fhplmm56k]::placeholder {
            color: rgba(255, 255, 255, 0.3);
        }

        .index-subscribe-panel-form .subscribe-input:focus[b-8fhplmm56k] {
            border-color: var(--accent);
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);
        }

    .index-subscribe-panel-form .subscribe-btn[b-8fhplmm56k] {
        width: 100%;
        justify-content: center;
        border-radius: 10px;
    }

    .index-subscribe-panel-form .subscribe-error[b-8fhplmm56k] {
        color: #fca5a5;
    }

.index-subscribe-panel-success[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-weight: 600;
    animation: success-pop-b-8fhplmm56k 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

    .index-subscribe-panel-success i[b-8fhplmm56k] {
        font-size: 20px;
        color: var(--accent);
    }

@media (max-width: 768px) {
    .index-subscribe-panel-inner[b-8fhplmm56k] {
        flex-direction: column;
        padding: 36px 28px;
        gap: 28px;
        text-align: center;
    }

    .index-subscribe-panel-form[b-8fhplmm56k] {
        width: 100%;
    }

    .index-subscribe-panel-eyebrow[b-8fhplmm56k] {
        justify-content: center;
    }
}

.index-closing-quote[b-8fhplmm56k] {
    text-align: center;
    padding: 80px 0 88px;
    max-width: 720px;
    margin: 0 auto;
    position: relative;
}

    .index-closing-quote[b-8fhplmm56k]::before {
        content: '\201C';
        display: block;
        font-family: Georgia, 'Times New Roman', serif;
        font-size: 6rem;
        line-height: 1;
        color: var(--accent);
        opacity: 0.2;
        margin-bottom: -16px;
    }

    .index-closing-quote blockquote[b-8fhplmm56k] {
        font-family: var(--font-family-heading);
        font-size: clamp(1.25rem, 2.5vw, 1.625rem);
        font-weight: 300;
        color: var(--ink-2);
        line-height: 1.55;
        margin: 0 0 28px;
        padding: 0;
        border: none;
        font-style: italic;
        letter-spacing: -0.02em;
    }

    .index-closing-quote cite[b-8fhplmm56k] {
        font-size: 0.8125rem;
        font-weight: 600;
        color: var(--text-tertiary);
        font-style: normal;
        letter-spacing: 0.02em;
        display: block;
    }

    .index-closing-quote .quote-book-source[b-8fhplmm56k] {
        font-size: 0.6875rem;
        font-weight: 500;
        color: var(--accent);
        opacity: 0.6;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        display: block;
        margin-top: 6px;
    }

.faq-page .book-quote[b-8fhplmm56k] {
    margin: 56px 0;
    padding: 56px 48px 48px;
    background: var(--color-bg-cool);
    border-radius: var(--radius-lg);
    text-align: center;
    position: relative;
}

    .faq-page .book-quote[b-8fhplmm56k]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 56px;
        right: 56px;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--accent) 20%, transparent) 30%, color-mix(in srgb, var(--accent) 35%, transparent) 50%, color-mix(in srgb, var(--accent) 20%, transparent) 70%, transparent 100%);
    }

.faq-page .book-quote-mark[b-8fhplmm56k] {
    display: block;
    font-size: 5.5rem;
    color: var(--accent);
    opacity: 0.12;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 0.5;
    margin-bottom: 12px;
    user-select: none;
}

.faq-page .book-quote-text[b-8fhplmm56k] {
    font-family: var(--font-family-heading);
    font-size: clamp(1.75rem, 3.5vw, 2.25rem);
    font-weight: 300;
    color: var(--ink);
    line-height: 1.35;
    margin: 0 auto 36px;
    max-width: 620px;
    font-style: italic;
    letter-spacing: -0.03em;
}

.faq-page .book-quote-footer[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding-top: 24px;
    border-top: 1px solid color-mix(in srgb, var(--accent) 8%, transparent);
}

.faq-page .book-quote-author[b-8fhplmm56k] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-4);
}

.faq-page .book-quote-source[b-8fhplmm56k] {
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    color: var(--accent);
    opacity: 0.55;
}

@media (max-width: 768px) {
    .faq-page .book-quote[b-8fhplmm56k] {
        margin: 36px 0;
        padding: 40px 24px 36px;
    }

        .faq-page .book-quote[b-8fhplmm56k]::before {
            left: 24px;
            right: 24px;
        }

    .faq-page .book-quote-text[b-8fhplmm56k] {
        font-size: 1.375rem;
    }

    .faq-page .guide-section-icon-bare[b-8fhplmm56k] {
        font-size: 5rem;
        left: 4px;
    }
}

.subscribe-form[b-8fhplmm56k] {
    display: flex;
    gap: 12px;
    max-width: 480px;
}

.subscribe-input[b-8fhplmm56k] {
    flex: 1;
    padding: 14px 18px;
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-md, 12px);
    font-size: 15px;
    font-family: inherit;
    background: white;
    color: var(--text-primary);
    transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

    .subscribe-input:focus[b-8fhplmm56k] {
        outline: none;
        border-color: var(--accent);
        box-shadow: 0 0 0 4px var(--shadow-color-light);
    }

    .subscribe-input[b-8fhplmm56k]::placeholder {
        color: var(--text-tertiary);
    }

    .subscribe-input:disabled[b-8fhplmm56k] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .subscribe-input.error[b-8fhplmm56k] {
        border-color: #ef4444;
        background: #fef2f2;
    }

        .subscribe-input.error:focus[b-8fhplmm56k] {
            box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.15);
        }

.subscribe-error[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #ef4444;
    margin-top: 14px;
    font-weight: 500;
}

    .subscribe-error i[b-8fhplmm56k] {
        font-size: 14px;
    }

.subscribe-btn[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: var(--accent);
    color: white;
    border: none;
    border-radius: var(--radius-md, 12px);
    font-size: 15px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-base);
    white-space: nowrap;
}

    .subscribe-btn:hover:not(:disabled)[b-8fhplmm56k] {
        background: var(--color-accent-2);
        transform: translateY(-2px);
        box-shadow: var(--shadow-md), 0 4px 12px var(--shadow-color-light);
    }

    .subscribe-btn:disabled[b-8fhplmm56k] {
        opacity: 0.7;
        cursor: not-allowed;
    }

    .subscribe-btn.loading[b-8fhplmm56k] {
        pointer-events: none;
        min-width: 140px;
        justify-content: center;
    }

    .subscribe-btn i[b-8fhplmm56k] {
        font-size: 12px;
        transition: transform var(--transition-base);
    }

    .subscribe-btn:hover:not(:disabled) i[b-8fhplmm56k] {
        transform: translateX(3px);
    }

.btn-spinner[b-8fhplmm56k] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-8fhplmm56k 0.8s linear infinite;
}

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

@keyframes success-pop-b-8fhplmm56k {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes check-bounce-b-8fhplmm56k {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.faq-page .answer-references[b-8fhplmm56k] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 3px 10px;
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px dashed color-mix(in srgb, var(--border-color) 50%, transparent);
}

.faq-page .references-label[b-8fhplmm56k] {
    color: var(--text-tertiary);
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    flex-shrink: 0;
    opacity: 0.6;
}

.faq-page .reference-link[b-8fhplmm56k],
.faq-page .reference-item[b-8fhplmm56k] {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    font-size: 10px;
    opacity: 0.65;
}

.faq-page .reference-link[b-8fhplmm56k] {
    color: var(--text-tertiary);
    text-decoration: none;
    transition: opacity 0.15s ease;
}

    .faq-page .reference-link:hover[b-8fhplmm56k] {
        opacity: 1;
        color: var(--accent);
    }

    .faq-page .reference-link cite[b-8fhplmm56k],
    .faq-page .reference-item cite[b-8fhplmm56k] {
        font-style: normal;
    }

.faq-page .reference-meta[b-8fhplmm56k] {
    font-size: 10px;
    color: var(--text-tertiary);
    opacity: 0.5;
}

    .faq-page .reference-meta[b-8fhplmm56k]::before {
        content: "·";
        margin-right: 3px;
    }

@media (max-width: 768px) {
    .faq-page .guide-entry-question[b-8fhplmm56k] {
        font-size: 1.1875rem;
    }

    .faq-page .guide-section-header[b-8fhplmm56k] {
        margin-bottom: 28px;
        padding-bottom: 16px;
    }

    .faq-page .guide-section-meta h2[b-8fhplmm56k] {
        font-size: 1.375rem;
    }
}

.faq-page .social-sharing[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid var(--border-light);
}

.faq-page .sharing-label[b-8fhplmm56k] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.faq-page .sharing-buttons[b-8fhplmm56k] {
    display: flex;
    gap: 8px;
}

.faq-page .share-btn[b-8fhplmm56k] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid var(--border-light);
    background: var(--background-primary);
    color: var(--text-tertiary);
    font-size: 14px;
    cursor: pointer;
    transition: all var(--transition-base);
}

    .faq-page .share-btn:hover[b-8fhplmm56k] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.faq-page .share-twitter:hover[b-8fhplmm56k] {
    background: #1da1f2;
    border-color: #1da1f2;
    color: white;
}

.faq-page .share-linkedin:hover[b-8fhplmm56k] {
    background: #0a66c2;
    border-color: #0a66c2;
    color: white;
}

.faq-page .share-facebook:hover[b-8fhplmm56k] {
    background: #1877f2;
    border-color: #1877f2;
    color: white;
}

.faq-page .share-copy:hover[b-8fhplmm56k] {
    background: var(--accent);
    border-color: var(--accent);
    color: white;
}

.faq-page .share-copy .fa-check[b-8fhplmm56k] {
    color: #10b981;
}

.faq-page .share-copy:hover .fa-check[b-8fhplmm56k] {
    color: white;
}

@media (max-width: 768px) {
    .faq-page .social-sharing[b-8fhplmm56k] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-top: 40px;
        padding-top: 24px;
    }

    .faq-page .share-btn[b-8fhplmm56k] {
        width: 40px;
        height: 40px;
    }
}

.faq-page .references-section[b-8fhplmm56k] {
    padding: 56px 32px;
    background: var(--color-bg-warm);
    border-top: 1px solid var(--border-light);
}

.faq-page .references-header[b-8fhplmm56k] {
    text-align: center;
    margin-bottom: 32px;
}

    .faq-page .references-header h2[b-8fhplmm56k] {
        font-size: clamp(1.375rem, 2.5vw, 1.75rem);
        font-weight: 300;
        color: var(--text-heading);
        margin: 0 0 8px;
    }

    .faq-page .references-header p[b-8fhplmm56k] {
        font-size: 15px;
        color: var(--text-secondary);
        max-width: 500px;
        margin: 0 auto;
    }

.faq-page .references-grid[b-8fhplmm56k] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto 32px;
}

.faq-page .reference-category[b-8fhplmm56k] {
    background: var(--background-primary);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 20px 24px;
}

    .faq-page .reference-category h3[b-8fhplmm56k] {
        font-size: 13px;
        font-weight: 700;
        color: var(--text-heading);
        margin: 0 0 14px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding-bottom: 12px;
        border-bottom: 1px solid var(--border-light);
    }

        .faq-page .reference-category h3 i[b-8fhplmm56k] {
            color: var(--text-tertiary);
            font-size: 14px;
            opacity: 0.4;
        }

    .faq-page .reference-category ul[b-8fhplmm56k] {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .faq-page .reference-category li[b-8fhplmm56k] {
        padding: 6px 0;
    }

        .faq-page .reference-category li:last-child[b-8fhplmm56k] {
            padding-bottom: 0;
        }

    .faq-page .reference-category cite[b-8fhplmm56k] {
        font-style: normal;
        font-size: 13px;
        color: var(--text-heading);
        line-height: 1.5;
        display: block;
    }

        .faq-page .reference-category cite em[b-8fhplmm56k] {
            font-style: italic;
        }

    .faq-page .reference-category a[b-8fhplmm56k] {
        text-decoration: none;
    }

        .faq-page .reference-category a cite[b-8fhplmm56k] {
            color: var(--ink-3);
            transition: color var(--transition-base);
        }

        .faq-page .reference-category a:hover cite[b-8fhplmm56k] {
            color: var(--ink);
            text-decoration: underline;
        }

.faq-page .reference-meta[b-8fhplmm56k] {
    font-size: 11px;
    color: var(--text-tertiary);
    display: block;
    margin-top: 4px;
}

.faq-page .references-note[b-8fhplmm56k] {
    max-width: 700px;
    margin: 0 auto;
    padding: 16px 0 0;
    background: none;
    border: none;
    border-radius: 0;
    text-align: center;
}

    .faq-page .references-note i[b-8fhplmm56k] {
        display: none;
    }

    .faq-page .references-note p[b-8fhplmm56k] {
        font-size: 13px;
        color: var(--text-tertiary);
        margin: 0;
        line-height: 1.6;
    }

    .faq-page .references-note a[b-8fhplmm56k] {
        color: var(--accent);
        text-decoration: none;
        font-weight: 600;
    }

        .faq-page .references-note a:hover[b-8fhplmm56k] {
            text-decoration: underline;
        }

@media (max-width: 768px) {
    .faq-page .references-section[b-8fhplmm56k] {
        padding: 40px 20px;
    }

    .faq-page .references-header h2[b-8fhplmm56k] {
        font-size: 20px;
    }

    .faq-page .references-grid[b-8fhplmm56k] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .faq-page .reference-category[b-8fhplmm56k] {
        padding: 16px 20px;
    }

    .faq-page .references-note[b-8fhplmm56k] {
        flex-direction: column;
        gap: 10px;
        padding: 14px 16px;
    }
}

.faq-page .related-resources[b-8fhplmm56k] {
    padding: 56px 32px;
    background: #ffffff;
    border-top: 1px solid var(--border-color);
}

    .faq-page .related-resources h2[b-8fhplmm56k] {
        font-size: clamp(1.375rem, 2.5vw, 1.75rem);
        font-weight: 300;
        color: var(--text-heading);
        text-align: center;
        margin: 0 0 32px;
    }

.faq-page .resources-grid[b-8fhplmm56k] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 1000px;
    margin: 0 auto;
}

.faq-page .resource-card[b-8fhplmm56k] {
    background: var(--background-primary);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 0;
    text-decoration: none;
    transition: all var(--transition-base);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .faq-page .resource-card:hover[b-8fhplmm56k] {
        border-color: color-mix(in srgb, var(--accent) 35%, transparent);
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
    }

.faq-page .resource-card-cover[b-8fhplmm56k] {
    overflow: hidden;
    flex-shrink: 0;
}

    .faq-page .resource-card-cover img[b-8fhplmm56k] {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        object-fit: cover;
        object-position: center center;
        transition: transform 0.4s ease;
    }

.faq-page .resource-card:hover .resource-card-cover img[b-8fhplmm56k] {
    transform: scale(1.04);
}

.faq-page .resource-card h3[b-8fhplmm56k] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-heading);
    margin: 0 0 8px;
    padding: 24px 24px 0;
}

.faq-page .resource-card p[b-8fhplmm56k] {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0 0 14px;
    padding: 0 24px;
}

.faq-page .resource-link[b-8fhplmm56k] {
    font-size: 13px;
    font-weight: 600;
    color: var(--accent);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 24px 24px;
}

    .faq-page .resource-link i[b-8fhplmm56k] {
        font-size: 11px;
        transition: transform var(--transition-base);
    }

.faq-page .resource-card:hover .resource-link i[b-8fhplmm56k] {
    transform: translateX(4px);
}

.faq-page .related-resources-hub[b-8fhplmm56k] {
    text-align: center;
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--border-light);
}

.faq-page .related-resources-hub-link[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-decoration: none;
    padding: 10px 24px;
    border: 1px solid var(--border-color);
    border-radius: 9999px;
    transition: all 0.2s ease;
}

    .faq-page .related-resources-hub-link:hover[b-8fhplmm56k] {
        color: var(--accent);
        border-color: color-mix(in srgb, var(--accent) 30%, transparent);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 10%, transparent);
    }

    .faq-page .related-resources-hub-link .fa-th-large[b-8fhplmm56k] {
        font-size: 0.75rem;
        opacity: 0.5;
    }

    .faq-page .related-resources-hub-link .fa-arrow-right[b-8fhplmm56k] {
        font-size: 0.6875rem;
        transition: transform 0.2s ease;
    }

    .faq-page .related-resources-hub-link:hover .fa-arrow-right[b-8fhplmm56k] {
        transform: translateX(3px);
    }

@media (max-width: 968px) {
    .faq-page .related-resources[b-8fhplmm56k] {
        padding: 40px 20px;
    }

        .faq-page .related-resources h2[b-8fhplmm56k] {
            font-size: 20px;
            margin-bottom: 24px;
        }

    .faq-page .resources-grid[b-8fhplmm56k] {
        grid-template-columns: 1fr;
        max-width: 400px;
        gap: 12px;
    }

    .faq-page .resource-card[b-8fhplmm56k] {
        padding: 20px;
    }
}

.faq-page .faq-more-guides[b-8fhplmm56k] {
    padding: 56px 0 64px;
    background: #ffffff;
    border-top: 1px solid var(--border-color);
}

.faq-page .faq-more-guides-title[b-8fhplmm56k] {
    margin: 0 0 32px;
    text-align: center;
    font-size: clamp(1.375rem, 2.5vw, 1.75rem);
    font-weight: 300;
    color: var(--text-heading);
}

.faq-page .faq-more-guides-grid[b-8fhplmm56k] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.faq-page .faq-more-guides-col h3[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-light);
    font-size: 13px;
    font-weight: 700;
    color: var(--text-heading);
}

    .faq-page .faq-more-guides-col h3 i[b-8fhplmm56k] {
        font-size: 13px;
        color: var(--text-tertiary);
    }

.faq-page .faq-more-guides-col ul[b-8fhplmm56k] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.faq-page .faq-more-guides-col li[b-8fhplmm56k] {
    margin: 0 0 9px;
}

.faq-page .faq-more-guides-col a[b-8fhplmm56k] {
    display: block;
    font-size: 13px;
    line-height: 1.4;
    color: var(--text-secondary);
    text-decoration: none;
    transition: color var(--transition-base);
}

    .faq-page .faq-more-guides-col a:hover[b-8fhplmm56k] {
        color: var(--accent);
    }

@media (max-width: 968px) {
    .faq-page .faq-more-guides-grid[b-8fhplmm56k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }
}

@media (max-width: 640px) {
    .faq-page .faq-more-guides[b-8fhplmm56k] {
        padding: 44px 0 48px;
    }

    .faq-page .faq-more-guides-grid[b-8fhplmm56k] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.faq-loading[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    gap: 24px;
    font-family: var(--font-family-primary);
}

    .faq-loading .loading-spinner[b-8fhplmm56k] {
        width: 48px;
        height: 48px;
        border: 3px solid color-mix(in srgb, var(--accent) 15%, white);
        border-top-color: var(--accent);
        border-radius: 50%;
        animation: spin-b-8fhplmm56k 0.9s linear infinite;
    }

    .faq-loading p[b-8fhplmm56k] {
        color: var(--text-tertiary);
        font-size: 15px;
        font-weight: 500;
    }

.faq-not-found[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    text-align: center;
    padding: 48px 32px;
    font-family: var(--font-family-primary);
}

    .faq-not-found h1[b-8fhplmm56k] {
        font-size: 36px;
        font-weight: 800;
        color: var(--ink);
        margin: 0 0 14px;
        letter-spacing: -1px;
    }

    .faq-not-found p[b-8fhplmm56k] {
        font-size: 16px;
        color: var(--ink-5);
        margin: 0 0 28px;
    }

    .faq-not-found .btn[b-8fhplmm56k] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 14px 28px;
        background: var(--gradient-cta);
        color: white;
        border-radius: var(--radius-lg);
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: all var(--transition-base);
        box-shadow: var(--accent-glow-sm);
    }

        .faq-not-found .btn:hover[b-8fhplmm56k] {
            transform: translateY(-2px);
            box-shadow: var(--accent-glow-hover);
        }


.faq-page .faq-appbar[b-8fhplmm56k] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid var(--border-light, rgba(0, 0, 0, 0.06));
}

.faq-page .faq-appbar-inner[b-8fhplmm56k] {
    max-width: var(--container-wide, 1200px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 10px 32px;
    min-height: 56px;
}

.faq-page .faq-appbar-brand[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

    .faq-page .faq-appbar-brand img[b-8fhplmm56k] {
        height: 26px;
        width: auto;
        display: block;
    }

.faq-page .faq-appbar-nav[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto;
}

    .faq-page .faq-appbar-nav a[b-8fhplmm56k] {
        font-size: 13.5px;
        font-weight: 500;
        color: var(--text-secondary, #5f6368);
        text-decoration: none;
        letter-spacing: -0.005em;
        transition: color var(--transition-base);
    }

        .faq-page .faq-appbar-nav a:hover[b-8fhplmm56k] {
            color: var(--text-heading, #2c3e50);
        }

.faq-page .faq-appbar-cta[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    background: var(--gradient-cta, linear-gradient(135deg, #f4089b 0%, #c80670 100%));
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border-radius: var(--radius-full, 999px);
    text-decoration: none;
    letter-spacing: -0.005em;
    box-shadow: 0 2px 8px rgba(240, 12, 113, 0.22);
    transition: transform var(--transition-base), box-shadow var(--transition-base);
}

    .faq-page .faq-appbar-cta:hover[b-8fhplmm56k] {
        transform: translateY(-1px);
        box-shadow: 0 4px 14px rgba(240, 12, 113, 0.32);
        color: #fff;
    }

    .faq-page .faq-appbar-cta i[b-8fhplmm56k] {
        font-size: 10px;
        transition: transform var(--transition-base);
    }

    .faq-page .faq-appbar-cta:hover i[b-8fhplmm56k] {
        transform: translateX(2px);
    }

@media (max-width: 720px) {
    .faq-page .faq-appbar-inner[b-8fhplmm56k] {
        gap: 12px;
        padding: 8px 20px;
    }

    .faq-page .faq-appbar-nav[b-8fhplmm56k] {
        display: none;
    }

    .faq-page .faq-appbar-brand img[b-8fhplmm56k] {
        height: 22px;
    }

    .faq-page .faq-appbar-cta[b-8fhplmm56k] {
        margin-left: auto;
        padding: 8px 14px;
        font-size: 12.5px;
    }
}


.faq-page .hero-title[b-8fhplmm56k] {
    font-size: clamp(2.25rem, 5vw, 3.75rem);
    font-weight: 600;
    line-height: 1.05;
    color: var(--text-heading, #2c3e50);
    margin: 0 0 28px;
    letter-spacing: -0.035em;
}

.faq-page .faq-hero[b-8fhplmm56k] {
    padding: 56px 32px 72px;
}


.faq-page .hero-subtitle-eyebrow[b-8fhplmm56k] {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--accent);
    margin: 8px 0 12px;
}

.faq-page .hero-subtitle[b-8fhplmm56k] {
    font-size: clamp(1.0625rem, 1.6vw, 1.25rem);
    color: var(--text-secondary, #5f6368);
    line-height: 1.6;
    margin: 0 auto 32px;
    max-width: 680px;
    font-weight: 400;
    letter-spacing: -0.005em;
}


.faq-page .hero-meta-strip[b-8fhplmm56k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
    margin: 24px auto 0;
    font-size: 13px;
    color: var(--text-tertiary, #9aa0a6);
    line-height: 1.6;
}

.faq-page .hero-meta-strip-byline[b-8fhplmm56k] {
    font-weight: 500;
    color: var(--text-secondary, #5f6368);
}

.faq-page .hero-meta-strip-author[b-8fhplmm56k] {
    color: var(--text-heading, #2c3e50);
    text-decoration: none;
    font-weight: 600;
    letter-spacing: -0.005em;
    border-bottom: 1px dotted color-mix(in srgb, var(--accent) 50%, transparent);
    padding-bottom: 1px;
    transition: color var(--transition-base), border-color var(--transition-base);
}

    .faq-page .hero-meta-strip-author:hover[b-8fhplmm56k] {
        color: var(--accent);
        border-bottom-color: var(--accent);
    }

.faq-page .hero-meta-strip-item[b-8fhplmm56k] {
    font-weight: 400;
}

.faq-page .hero-meta-strip-sep[b-8fhplmm56k] {
    color: var(--border-strong, #d0d5dd);
    font-weight: 400;
    user-select: none;
}

@media (max-width: 520px) {
    .faq-page .hero-meta-strip[b-8fhplmm56k] {
        gap: 4px 8px;
        font-size: 12.5px;
    }
}


.faq-page .sidebar-subscribe--featured[b-8fhplmm56k] {
    margin: -24px -24px 20px -24px;
    padding: 22px 24px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 4%, transparent) 0%, color-mix(in srgb, var(--accent) 1.5%, transparent) 100%);
    border: none;
    border-bottom: 1px solid var(--border-light, rgba(0, 0, 0, 0.06));
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

    .faq-page .sidebar-subscribe--featured .sidebar-subscribe-header[b-8fhplmm56k] {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 4px;
    }

        .faq-page .sidebar-subscribe--featured .sidebar-subscribe-header i[b-8fhplmm56k] {
            color: var(--accent);
            font-size: 12px;
        }

        .faq-page .sidebar-subscribe--featured .sidebar-subscribe-header h4[b-8fhplmm56k] {
            font-family: var(--font-family-heading, var(--font-family-primary));
            font-size: 15px;
            font-weight: 600;
            margin: 0;
            color: var(--text-heading, #2c3e50);
            letter-spacing: -0.015em;
            line-height: 1.3;
        }

    .faq-page .sidebar-subscribe--featured p[b-8fhplmm56k] {
        font-size: 12.5px;
        color: var(--text-secondary, #5f6368);
        margin: 0 0 12px;
        line-height: 1.5;
    }

.faq-page .sidebar-subscribe-note[b-8fhplmm56k] {
    display: block;
    font-size: 11px;
    color: var(--text-tertiary, #9aa0a6);
    margin-top: 8px;
    line-height: 1.5;
}


.faq-page .hero-cover-image[b-8fhplmm56k] {
    display: none;
}




.faq-page .sidebar-author[b-8fhplmm56k] {
    margin: -24px -24px 20px -24px;
    padding: 22px 22px 18px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 5%, #fff) 0%, color-mix(in srgb, var(--accent) 1.5%, #fff) 100%);
    border-bottom: 1px solid var(--border-light, rgba(0, 0, 0, 0.06));
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.faq-page .sidebar-author-identity[b-8fhplmm56k] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.faq-page .sidebar-author-avatar[b-8fhplmm56k] {
    position: relative;
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--gradient-cta, linear-gradient(135deg, #f4089b 0%, #c80670 100%));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.01em;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(240, 12, 113, 0.22);
}

    .faq-page .sidebar-author-avatar[b-8fhplmm56k]::before {
        content: attr(data-initials);
    }

    .faq-page .sidebar-author-avatar img[b-8fhplmm56k] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.faq-page .sidebar-author-meta[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.faq-page .sidebar-author-label[b-8fhplmm56k] {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-tertiary, #9aa0a6);
    line-height: 1;
    margin-bottom: 3px;
}

.faq-page .sidebar-author-name[b-8fhplmm56k] {
    font-size: 14.5px;
    font-weight: 600;
    color: var(--text-heading, #2c3e50);
    text-decoration: none;
    letter-spacing: -0.015em;
    line-height: 1.2;
    transition: color var(--transition-base);
}

    .faq-page .sidebar-author-name:hover[b-8fhplmm56k] {
        color: var(--accent);
    }

.faq-page .sidebar-author-titles[b-8fhplmm56k] {
    font-size: 12px;
    color: var(--text-secondary, #5f6368);
    line-height: 1.45;
    margin-top: 4px;
}

    .faq-page .sidebar-author-titles em[b-8fhplmm56k] {
        font-style: italic;
        color: var(--text-heading, #2c3e50);
        font-weight: 500;
    }

.faq-page .sidebar-author-links[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 0;
    border-top: 1px solid var(--border-light, rgba(0, 0, 0, 0.06));
    border-bottom: 1px solid var(--border-light, rgba(0, 0, 0, 0.06));
}

.faq-page .sidebar-author-link[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary, #5f6368);
    text-decoration: none;
    letter-spacing: -0.005em;
    transition: color var(--transition-base), gap var(--transition-base);
}

    .faq-page .sidebar-author-link:hover[b-8fhplmm56k] {
        color: var(--accent);
    }

        .faq-page .sidebar-author-link:hover:last-child[b-8fhplmm56k] {
            gap: 8px;
        }

    .faq-page .sidebar-author-link i[b-8fhplmm56k] {
        font-size: 13px;
    }

    .faq-page .sidebar-author-link:last-child[b-8fhplmm56k] {
        margin-left: auto;
    }

.faq-page .sidebar-author-subscribe[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.faq-page .sidebar-author-subscribe-hook[b-8fhplmm56k] {
    font-size: 11.5px;
    font-weight: 400;
    color: var(--text-secondary, #5f6368);
    margin: 0 0 2px;
    line-height: 1.4;
}

.faq-page .sidebar-author-subscribe .sidebar-subscribe-form[b-8fhplmm56k] {
    margin-top: 4px;
}

.faq-page .sidebar-author-subscribe .sidebar-subscribe-note[b-8fhplmm56k] {
    font-size: 10.5px;
    color: var(--text-tertiary, #9aa0a6);
    margin-top: 6px;
    line-height: 1.4;
}

.faq-page .sidebar-author-subscribe .sidebar-subscribe-success[b-8fhplmm56k] {
    margin-top: 4px;
}



.faq-page .faq-appbar-brand[b-8fhplmm56k] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-decoration: none;
    gap: 0;
    line-height: 1;
    flex-shrink: 0;
}

    .faq-page .faq-appbar-brand img[b-8fhplmm56k],
    .faq-page .faq-appbar-brand-mark[b-8fhplmm56k] {
        height: 24px;
        width: auto;
        display: block;
    }

.faq-page .faq-appbar-brand-tagline[b-8fhplmm56k] {
    font-size: 8.75px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-tertiary, #9aa0a6);
    margin-top: 4px;
    line-height: 1;
    white-space: nowrap;
}


@media (max-width: 640px) {
    .faq-page .faq-appbar-brand-tagline[b-8fhplmm56k] {
        display: none;
    }
}


.faq-page .sidebar-author-nameline[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 2px;
}

.faq-page .sidebar-author-icon[b-8fhplmm56k] {
    display: inline;
    color: var(--text-tertiary, #9aa0a6);
    text-decoration: none;
    font-size: 12.5px;
    vertical-align: baseline;
    transition: color var(--transition-base);
}

    .faq-page .sidebar-author-icon:hover[b-8fhplmm56k] {
        color: #fff;
        background: var(--accent);
        transform: translateY(-1px);
    }

.faq-page .sidebar-author-links[b-8fhplmm56k] {
    display: none;
}


.faq-page .adjacent-nav[b-8fhplmm56k] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 56px 0 32px;
}

.faq-page .adjacent-card[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 22px 22px;
    background: #fff;
    border: 1px solid var(--border-light, rgba(0, 0, 0, 0.06));
    border-radius: var(--radius-lg);
    text-decoration: none;
    transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
    min-height: 108px;
}

    .faq-page .adjacent-card:hover[b-8fhplmm56k] {
        border-color: color-mix(in srgb, var(--accent) 30%, var(--border-light, rgba(0, 0, 0, 0.1)));
        box-shadow: var(--shadow-md, 0 4px 12px rgba(0, 0, 0, 0.08));
        transform: translateY(-2px);
    }

.faq-page .adjacent-card--empty[b-8fhplmm56k] {
    background: transparent;
    border: 1px dashed var(--border-light, rgba(0, 0, 0, 0.04));
    pointer-events: none;
    min-height: 108px;
}

.faq-page .adjacent-card--prev[b-8fhplmm56k] {
    align-items: flex-start;
    text-align: left;
}

.faq-page .adjacent-card--next[b-8fhplmm56k] {
    align-items: flex-end;
    text-align: right;
}

.faq-page .adjacent-label[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
}

    .faq-page .adjacent-label i[b-8fhplmm56k] {
        font-size: 10px;
    }

.faq-page .adjacent-title[b-8fhplmm56k] {
    font-size: 15.5px;
    font-weight: 600;
    color: var(--text-heading, #2c3e50);
    line-height: 1.3;
    letter-spacing: -0.015em;
    transition: color var(--transition-base);
}

.faq-page .adjacent-card:hover .adjacent-title[b-8fhplmm56k] {
    color: var(--accent);
}

.faq-page .adjacent-desc[b-8fhplmm56k] {
    font-size: 12.5px;
    color: var(--text-secondary, #5f6368);
    line-height: 1.5;
    margin-top: 2px;
}

@media (max-width: 640px) {
    .faq-page .adjacent-nav[b-8fhplmm56k] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .faq-page .adjacent-card--next[b-8fhplmm56k] {
        align-items: flex-start;
        text-align: left;
    }

    .faq-page .adjacent-card--empty[b-8fhplmm56k] {
        display: none;
    }
}


.faq-page .faq-appbar-nav[b-8fhplmm56k] {
    display: none;
}



.faq-page .faq-appbar-brand-tagline[b-8fhplmm56k] {
    font-weight: 500;
    margin-top: 7px;
    letter-spacing: 0.16em;
}


.faq-page .sidebar-author-nameline[b-8fhplmm56k] {
    display: contents;
}

.faq-page .sidebar-author-signature[b-8fhplmm56k] {
    margin: 3px 0 0;
    font-size: 12.5px;
    line-height: 1.55;
    color: var(--text-secondary, #5f6368);
}

    .faq-page .sidebar-author-signature .sidebar-author-name[b-8fhplmm56k] {
        font-size: 13px;
        font-weight: 600;
        color: var(--text-heading, #2c3e50);
        text-decoration: none;
        letter-spacing: -0.015em;
        transition: color var(--transition-base);
        margin-right: 4px;
    }

        .faq-page .sidebar-author-signature .sidebar-author-name:hover[b-8fhplmm56k] {
            color: var(--accent);
        }

.faq-page .sidebar-author-credential[b-8fhplmm56k] {
    color: var(--text-secondary, #5f6368);
}

    .faq-page .sidebar-author-credential em[b-8fhplmm56k] {
        font-style: italic;
        color: var(--text-heading, #2c3e50);
        font-weight: 500;
    }

.faq-page .sidebar-author-icons[b-8fhplmm56k] {
    margin-left: 5px;
}

.faq-page .sidebar-author-titles[b-8fhplmm56k] {
    display: none;
}


.faq-page .social-sharing--prominent[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 32px;
    margin: 40px 0 0;
    background: color-mix(in srgb, var(--accent) 3%, var(--surface, #f8f9fa));
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-light, rgba(0, 0, 0, 0.05));
    flex-wrap: wrap;
}

.faq-page .sharing-prompt[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.faq-page .sharing-prompt-line[b-8fhplmm56k] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-heading, #2c3e50);
    letter-spacing: -0.015em;
    line-height: 1.3;
}

.faq-page .sharing-prompt-sub[b-8fhplmm56k] {
    font-size: 13px;
    color: var(--text-secondary, #5f6368);
    line-height: 1.4;
}

.faq-page .social-sharing--prominent .sharing-buttons[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.faq-page .social-sharing--prominent .share-btn[b-8fhplmm56k] {
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 600;
    border-radius: var(--radius-full, 999px);
    text-decoration: none;
    border: 1px solid var(--border-strong, #d0d5dd);
    background: #fff;
    color: var(--text-heading, #2c3e50);
    cursor: pointer;
    transition: all var(--transition-base);
    letter-spacing: -0.005em;
    line-height: 1;
    white-space: nowrap;
}

    .faq-page .social-sharing--prominent .share-btn i[b-8fhplmm56k] {
        font-size: 13px;
    }

    .faq-page .social-sharing--prominent .share-btn:hover[b-8fhplmm56k] {
        border-color: var(--accent);
        color: var(--accent);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);
    }

.faq-page .social-sharing--prominent .share-linkedin:hover[b-8fhplmm56k] {
    background: #0A66C2;
    color: #fff;
    border-color: #0A66C2;
    box-shadow: 0 4px 12px rgba(10, 102, 194, 0.25);
}

.faq-page .social-sharing--prominent .share-copy .fa-check[b-8fhplmm56k] {
    color: var(--success, #16a34a);
}

@media (max-width: 640px) {
    .faq-page .social-sharing--prominent[b-8fhplmm56k] {
        padding: 22px;
        gap: 18px;
    }

        .faq-page .social-sharing--prominent .sharing-buttons[b-8fhplmm56k] {
            width: 100%;
            justify-content: stretch;
        }

        .faq-page .social-sharing--prominent .share-btn[b-8fhplmm56k] {
            flex: 1;
            justify-content: center;
        }
}



.faq-page .faq-appbar-breadcrumb[b-8fhplmm56k] {
    flex: 0 1 auto;
    margin: 0 auto;
    padding: 0 18px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: color-mix(in srgb, var(--accent) 4%, rgba(0, 0, 0, 0.025));
    border: 1px solid color-mix(in srgb, var(--accent) 10%, rgba(0, 0, 0, 0.04));
    border-radius: var(--radius-full, 999px);
    font-size: 12.5px;
    font-weight: 500;
    color: var(--text-tertiary, #9aa0a6);
    letter-spacing: -0.005em;
    max-width: 520px;
    overflow: hidden;
    transition: background var(--transition-base), border-color var(--transition-base);
}

    .faq-page .faq-appbar-breadcrumb:hover[b-8fhplmm56k] {
        background: color-mix(in srgb, var(--accent) 7%, rgba(0, 0, 0, 0.03));
        border-color: color-mix(in srgb, var(--accent) 18%, rgba(0, 0, 0, 0.06));
    }

    .faq-page .faq-appbar-breadcrumb a[b-8fhplmm56k] {
        color: var(--text-secondary, #5f6368);
        text-decoration: none;
        white-space: nowrap;
        flex-shrink: 0;
        transition: color var(--transition-base);
    }

        .faq-page .faq-appbar-breadcrumb a:hover[b-8fhplmm56k] {
            color: var(--accent);
        }

    .faq-page .faq-appbar-breadcrumb i[b-8fhplmm56k] {
        color: color-mix(in srgb, var(--accent) 40%, var(--text-tertiary, #9aa0a6));
        font-size: 8px;
        flex-shrink: 0;
    }

    .faq-page .faq-appbar-breadcrumb span[aria-current="page"][b-8fhplmm56k] {
        color: var(--text-heading, #2c3e50);
        font-weight: 600;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

@media (max-width: 900px) {
    .faq-page .faq-appbar-breadcrumb[b-8fhplmm56k] {
        max-width: 340px;
        padding: 0 14px;
    }
}

@media (max-width: 640px) {
    .faq-page .faq-appbar-breadcrumb[b-8fhplmm56k] {
        display: none;
    }
}

.faq-page .product-moment[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin: 52px 0;
    padding: 24px 30px;
    border-radius: var(--radius-xl, 20px);
    background: linear-gradient(135deg, #14081c 0%, #1e0d2a 55%, #2a0f20 100%);
    border: 1px solid color-mix(in srgb, var(--accent) 24%, transparent);
    box-shadow: 0 12px 34px rgba(10, 0, 20, 0.30);
    text-decoration: none;
    color: inherit;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

    .faq-page .product-moment[b-8fhplmm56k]::after {
        content: '';
        position: absolute;
        right: -50px;
        top: -70px;
        width: 260px;
        height: 220px;
        pointer-events: none;
        background: radial-gradient(circle, color-mix(in srgb, var(--accent) 20%, transparent) 0%, transparent 70%);
    }

    .faq-page .product-moment:hover[b-8fhplmm56k] {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--accent) 50%, transparent);
        box-shadow: 0 18px 44px rgba(240, 12, 113, 0.24);
    }

.faq-page .product-moment-body[b-8fhplmm56k] {
    position: relative;
    z-index: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.faq-page .product-moment-eyebrow[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--accent) 70%, #ffffff);
    margin-bottom: 10px;
}

    .faq-page .product-moment-eyebrow i[b-8fhplmm56k] {
        font-size: 11px;
    }

.faq-page .product-moment-hook[b-8fhplmm56k] {
    font-size: clamp(1.15rem, 1.8vw, 1.45rem);
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: #ffffff;
    margin: 0;
}

.faq-page .product-moment-sub[b-8fhplmm56k] {
    font-size: 0.9rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.64);
    margin: 7px 0 0;
    max-width: 48ch;
}

.faq-page .product-moment-cta[b-8fhplmm56k] {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    height: 3rem;
    padding: 0 1.5rem;
    border-radius: 9999px;
    background: var(--gradient-cta, linear-gradient(135deg, #f4089b 0%, #c80670 100%));
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;
    box-shadow: 0 8px 24px rgba(240, 12, 113, 0.42);
    transition: box-shadow 0.2s ease;
}

    .faq-page .product-moment-cta i[b-8fhplmm56k] {
        font-size: 0.8125rem;
        transition: transform 0.2s ease;
    }

.faq-page .product-moment:hover .product-moment-cta[b-8fhplmm56k] {
    box-shadow: 0 12px 32px rgba(240, 12, 113, 0.55);
}

    .faq-page .product-moment:hover .product-moment-cta i[b-8fhplmm56k] {
        transform: translateX(4px);
    }

.faq-page .product-moment:focus-visible[b-8fhplmm56k] {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .faq-page .product-moment[b-8fhplmm56k] {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        padding: 24px 22px;
        margin: 38px 0;
    }

    .faq-page .product-moment-cta[b-8fhplmm56k] {
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .faq-page .product-moment[b-8fhplmm56k],
    .faq-page .product-moment-cta[b-8fhplmm56k],
    .faq-page .product-moment-cta i[b-8fhplmm56k] {
        transition: none;
    }

        .faq-page .product-moment:hover[b-8fhplmm56k] {
            transform: none;
        }
}

.faq-page .what-you-learn[b-8fhplmm56k] {
    background: var(--background-primary);
    border-top: 0;
    border-bottom: 1px solid var(--border-light);
    padding: 28px 32px;
}

.faq-page .wyl-inner[b-8fhplmm56k] {
    max-width: 960px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 6px 28px;
    align-items: start;
    background: var(--sidebar-bg);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 20px 24px;
}

.faq-page .wyl-label[b-8fhplmm56k] {
    font-size: 12px;
    font-weight: 700;
    color: var(--text-heading);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding-top: 3px;
    white-space: nowrap;
}

    .faq-page .wyl-label i[b-8fhplmm56k] {
        font-size: 13px;
        color: var(--text-tertiary);
    }

.faq-page .wyl-list[b-8fhplmm56k] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 32px;
}

    .faq-page .wyl-list li[b-8fhplmm56k] {
        font-size: 14px;
        font-weight: 400;
        color: var(--text-secondary);
        line-height: 1.5;
        padding-left: 22px;
        position: relative;
    }

        .faq-page .wyl-list li[b-8fhplmm56k]::before {
            content: "\f00c";
            font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 3px;
            width: auto;
            height: auto;
            border-radius: 0;
            background: none;
            font-size: 11px;
            color: var(--accent);
            opacity: 0.85;
        }

@media (max-width: 768px) {
    .faq-page .what-you-learn[b-8fhplmm56k] {
        padding: 20px;
    }

    .faq-page .wyl-inner[b-8fhplmm56k] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 18px;
    }

    .faq-page .wyl-list[b-8fhplmm56k] {
        grid-template-columns: 1fr;
    }
}

.faq-page .hero-meta-strip-method[b-8fhplmm56k] {
    color: var(--text-secondary);
    font-weight: 500;
}

    .faq-page .hero-meta-strip-method i[b-8fhplmm56k] {
        color: var(--accent);
        font-size: 11px;
        margin-right: 2px;
    }

.faq-page .sidebar-cta[b-8fhplmm56k] {
    padding: 20px 24px 26px;
}

.faq-page .sidebar-cta-desc[b-8fhplmm56k] {
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--ink-4);
    margin: 0 0 14px;
}

.faq-page .sidebar-cta-link[b-8fhplmm56k] {
    margin: 2px 0 4px;
}

.faq-page .product-moment--inline[b-8fhplmm56k] {
    margin: 36px 0 8px;
}

.faq-page .meet-ainna-secondary[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 18px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
    transition: gap var(--transition-base), color var(--transition-base);
}

    .faq-page .meet-ainna-secondary:hover[b-8fhplmm56k] {
        color: #ffffff;
        gap: 10px;
    }

    .faq-page .meet-ainna-secondary i[b-8fhplmm56k] {
        font-size: 11px;
    }

@media (max-width: 640px) {
    .faq-page .meet-ainna-secondary[b-8fhplmm56k] {
        margin-left: 0;
        margin-top: 10px;
        display: flex;
    }
}

.faq-page .guide-entry-question[b-8fhplmm56k] {
    position: relative;
}

.faq-page .entry-anchor[b-8fhplmm56k] {
    margin-left: 8px;
    font-weight: 500;
    font-size: 0.85em;
    color: var(--accent);
    text-decoration: none;
    opacity: 0;
    transition: opacity var(--transition-base);
}

    .faq-page .guide-entry-question:hover .entry-anchor[b-8fhplmm56k],
    .faq-page .entry-anchor:focus-visible[b-8fhplmm56k] {
        opacity: 0.75;
    }

    .faq-page .entry-anchor:hover[b-8fhplmm56k] {
        opacity: 1;
    }

@media (hover: none) {
    .faq-page .entry-anchor[b-8fhplmm56k] {
        opacity: 0.45;
    }
}

.faq-page .resource-card-icon[b-8fhplmm56k] {
    color: var(--accent);
    font-size: 0.85em;
    margin-right: 6px;
}

.faq-not-found code[b-8fhplmm56k] {
    font-size: 0.9em;
    background: var(--background-secondary, #f3f0ec);
    padding: 2px 6px;
    border-radius: var(--radius-sm, 4px);
}

.faq-not-found .not-found-lead[b-8fhplmm56k] {
    margin: 22px 0 8px;
    font-weight: 600;
    color: var(--text-heading);
}

.faq-not-found .not-found-suggestions[b-8fhplmm56k] {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .faq-not-found .not-found-suggestions a[b-8fhplmm56k] {
        color: var(--accent);
        font-weight: 600;
        text-decoration: none;
    }

        .faq-not-found .not-found-suggestions a:hover[b-8fhplmm56k] {
            text-decoration: underline;
        }


.faq-page .product-moment--early[b-8fhplmm56k] {
    margin: 28px 0 36px;
}

@media (max-width: 1024px) {
    .faq-page .faq-sidebar[b-8fhplmm56k] {
        display: block;
    }

    .faq-page .sidebar-sticky[b-8fhplmm56k] {
        position: static;
        top: auto;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

        .faq-page .sidebar-sticky > :not(.sidebar-cta)[b-8fhplmm56k] {
            display: none;
        }

    .faq-page .sidebar-cta[b-8fhplmm56k] {
        margin: 0;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-md);
        padding: 20px 22px 24px;
    }

    .faq-page .faq-layout[b-8fhplmm56k] {
        gap: 28px;
    }
}


.faq-page .book-quote-copy[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    color: var(--accent);
    opacity: 0.6;
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--accent) 20%, transparent);
    border-radius: 999px;
    cursor: pointer;
    transition: opacity 0.15s ease, border-color 0.15s ease;
}

    .faq-page .book-quote-copy:hover[b-8fhplmm56k] {
        opacity: 1;
        border-color: color-mix(in srgb, var(--accent) 45%, transparent);
    }

    .faq-page .book-quote-copy.copied[b-8fhplmm56k] {
        color: #10b981;
        border-color: rgba(16, 185, 129, 0.3);
        opacity: 1;
    }

    .faq-page .book-quote-copy i[b-8fhplmm56k] {
        font-size: 10px;
    }

.faq-page .faq-hero[b-8fhplmm56k] {
    position: relative;
    overflow: hidden;
    padding: 64px 32px 76px;
    color: #fff;
    background: radial-gradient(900px 540px at 86% 0%, color-mix(in srgb, var(--cluster) 36%, transparent), transparent 64%), radial-gradient(720px 520px at 0% 100%, color-mix(in srgb, var(--cluster) 16%, transparent), transparent 62%), linear-gradient(160deg, #13111F 0%, #0C0B17 55%, #08070F 100%);
}

.faq-page[b-8fhplmm56k] {
    --cluster: var(--accent);
    --cluster-ink: var(--accent);
}

    .faq-page[data-cluster="ProductDevelopment"][b-8fhplmm56k],
    .faq-page .faq-hero[data-cluster="ProductDevelopment"][b-8fhplmm56k] {
        --cluster: #5A66C9;
        --cluster-ink: #3F4AA8;
        --cluster-cover: #1E2448;
    }

    .faq-page[data-cluster="ProductDiscovery"][b-8fhplmm56k],
    .faq-page .faq-hero[data-cluster="ProductDiscovery"][b-8fhplmm56k] {
        --cluster: #D0237A;
        --cluster-ink: #A0145A;
        --cluster-cover: #A0145A;
    }

    .faq-page[data-cluster="ProductStrategy"][b-8fhplmm56k],
    .faq-page .faq-hero[data-cluster="ProductStrategy"][b-8fhplmm56k] {
        --cluster: #14A396;
        --cluster-ink: #0B6E66;
        --cluster-cover: #0B6E66;
    }

    .faq-page[data-cluster="StartupStrategy"][b-8fhplmm56k],
    .faq-page .faq-hero[data-cluster="StartupStrategy"][b-8fhplmm56k] {
        --cluster: #F06A2E;
        --cluster-ink: #C2410C;
        --cluster-cover: #D9480F;
    }

    .faq-page[data-cluster="InnovationLeadership"][b-8fhplmm56k],
    .faq-page .faq-hero[data-cluster="InnovationLeadership"][b-8fhplmm56k] {
        --cluster: #D23A55;
        --cluster-ink: #9B1C31;
        --cluster-cover: #9B1C31;
    }

    .faq-page[data-cluster="InnovationManagement"][b-8fhplmm56k],
    .faq-page .faq-hero[data-cluster="InnovationManagement"][b-8fhplmm56k] {
        --cluster: #7B55E0;
        --cluster-ink: #4C2A9E;
        --cluster-cover: #4C2A9E;
    }

    .faq-page[data-cluster="AIAndTechnology"][b-8fhplmm56k],
    .faq-page .faq-hero[data-cluster="AIAndTechnology"][b-8fhplmm56k] {
        --cluster: #3D6BF2;
        --cluster-ink: #1A45C9;
        --cluster-cover: #1A45C9;
    }

    .faq-page[data-cluster="ProductLeadership"][b-8fhplmm56k],
    .faq-page .faq-hero[data-cluster="ProductLeadership"][b-8fhplmm56k] {
        --cluster: #2E9A70;
        --cluster-ink: #1F5C45;
        --cluster-cover: #1F5C45;
    }

    .faq-page .faq-hero[b-8fhplmm56k]::before {
        content: '';
        position: absolute;
        inset: 0;
        background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1.4px);
        background-size: 24px 24px;
        -webkit-mask-image: linear-gradient(100deg, #000 0%, rgba(0, 0, 0, 0.5) 40%, transparent 72%);
        mask-image: linear-gradient(100deg, #000 0%, rgba(0, 0, 0, 0.5) 40%, transparent 72%);
        pointer-events: none;
    }

    .faq-page .faq-hero[b-8fhplmm56k]::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 5px;
        background: var(--cluster);
    }

    .faq-page .faq-hero .hero-container[b-8fhplmm56k] {
        position: relative;
        z-index: 1;
        max-width: 1120px;
        margin: 0 auto;
        text-align: left;
    }

    .faq-page .faq-hero--cover .hero-container[b-8fhplmm56k] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
        grid-template-areas: "cluster cluster" "title title" "tldr cover" "meta meta";
        column-gap: 32px;
        align-items: start;
    }

    .faq-page .faq-hero--cover .hero-copy[b-8fhplmm56k] {
        display: contents;
    }

    .faq-page .faq-hero--cover .hero-cluster[b-8fhplmm56k] {
        grid-area: cluster;
        justify-self: start;
    }

    .faq-page .faq-hero--cover .hero-title[b-8fhplmm56k] {
        grid-area: title;
        max-width: 1040px;
    }

    .faq-page .faq-hero--cover .hero-tldr[b-8fhplmm56k] {
        grid-area: tldr;
        align-self: stretch;
    }

    .faq-page .faq-hero--cover .hero-meta-strip[b-8fhplmm56k] {
        grid-area: meta;
    }

    .faq-page .faq-hero--cover .hero-cover[b-8fhplmm56k] {
        grid-area: cover;
        align-self: stretch;
    }

    .faq-page .faq-hero:not(.faq-hero--cover) .hero-copy[b-8fhplmm56k] {
        max-width: 760px;
    }

    .faq-page .hero-cluster[b-8fhplmm56k] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 22px;
        padding: 6px 14px;
        border-radius: 9999px;
        background: color-mix(in srgb, var(--cluster) 24%, transparent);
        border: 1px solid color-mix(in srgb, var(--cluster) 60%, transparent);
        color: #fff;
        font-size: 0.8125rem;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.2s ease;
    }

        .faq-page .hero-cluster:hover[b-8fhplmm56k] {
            color: #fff;
            background: color-mix(in srgb, var(--cluster) 40%, transparent);
        }

        .faq-page .hero-cluster i[b-8fhplmm56k] {
            font-size: 0.75rem;
            opacity: 0.85;
        }

    .faq-page .faq-hero .hero-title[b-8fhplmm56k] {
        font-size: clamp(2.25rem, 4.2vw, 3.5rem);
        font-weight: 700;
        line-height: 1.06;
        letter-spacing: -0.035em;
        color: #fff;
        margin: 0 0 28px;
        text-wrap: balance;
    }

    .faq-page .hero-tldr[b-8fhplmm56k] {
        padding: 20px 24px 22px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.055);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .faq-page .faq-hero .hero-subtitle-eyebrow[b-8fhplmm56k] {
        display: inline-block;
        margin: 0 0 10px;
        padding: 3px 9px;
        border-radius: 9999px;
        background: rgba(255, 255, 255, 0.1);
        color: #FFD166;
        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }

    .faq-page .faq-hero .hero-subtitle[b-8fhplmm56k] {
        margin: 0;
        max-width: none;
        color: rgba(255, 255, 255, 0.85);
        font-size: clamp(1.0625rem, 1.5vw, 1.1875rem);
        line-height: 1.62;
    }

        .faq-page .faq-hero .hero-subtitle[b-8fhplmm56k]  a {
            color: #FFB3DE;
            text-decoration: underline;
            text-underline-offset: 3px;
        }

    .faq-page .faq-hero .hero-meta-strip[b-8fhplmm56k] {
        justify-content: flex-start;
        margin: 24px 0 0;
        color: rgba(255, 255, 255, 0.62);
    }

    .faq-page .faq-hero .hero-meta-strip-sep[b-8fhplmm56k] {
        color: rgba(255, 255, 255, 0.28);
    }

    .faq-page .faq-hero .hero-meta-strip-method[b-8fhplmm56k] {
        color: rgba(255, 255, 255, 0.88);
    }

        .faq-page .faq-hero .hero-meta-strip-method i[b-8fhplmm56k] {
            color: #FFD166;
        }

    .faq-page .faq-hero .hero-meta-strip-sep-method[b-8fhplmm56k] {
        display: none;
    }

    .faq-page .faq-hero .hero-meta-strip-method[b-8fhplmm56k] {
        flex-basis: 100%;
        margin-top: 6px;
    }

    .faq-page .hero-cover[b-8fhplmm56k] {
        display: flex;
        align-items: center;
        border-radius: 16px;
        overflow: hidden;
        background: var(--cluster-cover, var(--cluster));
        box-shadow: 0 24px 60px color-mix(in srgb, var(--cluster) 28%, transparent), 0 0 0 1px rgba(255, 255, 255, 0.1);
    }

        .faq-page .hero-cover img[b-8fhplmm56k] {
            display: block;
            width: 100%;
            height: auto;
        }

@media (max-width: 1024px) {
    .faq-page .faq-hero--cover .hero-container[b-8fhplmm56k] {
        grid-template-columns: 1fr;
        grid-template-areas: "cluster" "title" "tldr" "meta";
    }

    .faq-page .hero-cover[b-8fhplmm56k] {
        display: none;
    }
}

@media (max-width: 768px) {
    .faq-page .faq-hero[b-8fhplmm56k] {
        padding: 44px 20px 56px;
    }

        .faq-page .faq-hero .hero-title[b-8fhplmm56k] {
            font-size: 2rem;
            letter-spacing: -0.03em;
            margin-bottom: 22px;
        }

    .faq-page .hero-tldr[b-8fhplmm56k] {
        padding: 16px 18px 18px;
    }

    .faq-page .faq-hero .hero-subtitle[b-8fhplmm56k] {
        font-size: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .faq-page .hero-cluster[b-8fhplmm56k] {
        transition: none;
    }
}

.faq-page .wyl-list li[b-8fhplmm56k]::before {
    color: var(--cluster-ink);
}

.faq-page .guide-section-header[b-8fhplmm56k]::after {
    background: linear-gradient(90deg, var(--cluster-ink), color-mix(in srgb, var(--cluster-ink) 20%, transparent) 50%, transparent 100%);
}

.faq-page .guide-section-icon-bare[b-8fhplmm56k] {
    color: var(--cluster);
}

.faq-page .toc-question-link.toc-active[b-8fhplmm56k],
.faq-page .toc-question-link:hover[b-8fhplmm56k],
.faq-page .toc-category-link:hover[b-8fhplmm56k] {
    color: var(--cluster-ink);
}

.faq-page .toc-question-link:hover[b-8fhplmm56k],
.faq-page .toc-category-link:hover[b-8fhplmm56k] {
    background: color-mix(in srgb, var(--cluster) 6%, transparent);
}

.faq-page .guide-keypoints li[b-8fhplmm56k]::before,
.faq-page .answer-conclusion-accent[b-8fhplmm56k] {
    background: var(--cluster-ink);
}

.faq-page .answer-conclusion-label[b-8fhplmm56k],
.faq-page .entry-anchor[b-8fhplmm56k],
.faq-page .adjacent-label[b-8fhplmm56k],
.faq-page .pull-quote-mark[b-8fhplmm56k] {
    color: var(--cluster-ink);
}

.faq-page .adjacent-card:hover[b-8fhplmm56k] {
    border-color: color-mix(in srgb, var(--cluster) 30%, var(--border-light, rgba(0, 0, 0, 0.1)));
}

.faq-page .answer-lead[b-8fhplmm56k]  a,
.faq-page .guide-keypoints li[b-8fhplmm56k]  a,
.faq-page .answer-conclusion[b-8fhplmm56k]  a {
    color: var(--text-heading, #2C3E50);
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--cluster-ink) 45%, transparent);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
    border-bottom: 0;
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

    .faq-page .answer-lead[b-8fhplmm56k]  a:hover,
    .faq-page .guide-keypoints li[b-8fhplmm56k]  a:hover,
    .faq-page .answer-conclusion[b-8fhplmm56k]  a:hover {
        color: var(--cluster-ink);
        text-decoration-color: var(--cluster-ink);
    }

    .faq-page .answer-lead[b-8fhplmm56k]  a[href*="src=faq"],
    .faq-page .guide-keypoints li[b-8fhplmm56k]  a[href*="src=faq"],
    .faq-page .answer-conclusion[b-8fhplmm56k]  a[href*="src=faq"] {
        color: var(--accent);
        text-decoration-color: color-mix(in srgb, var(--accent) 45%, transparent);
    }

.faq-page .radar-strip[b-8fhplmm56k] {
    --radar-ink: #0f141b;
    --radar-card: #1a1f28;
    --radar-line: rgba(255, 255, 255, 0.09);
    --radar-violet: #8b5cf6;
    --radar-text: #e9ebf1;
    --radar-muted: #a9b0bf;
    --radar-quiet: #8e97a8;
    position: relative;
    overflow: hidden;
    padding: 56px 32px;
    color: var(--radar-text);
    background: radial-gradient(ellipse 60% 70% at 88% 0%, rgba(139, 92, 246, 0.20), transparent 70%), var(--radar-ink);
}

    .faq-page .radar-strip[b-8fhplmm56k]::before {
        content: "";
        position: absolute;
        right: -160px;
        top: -220px;
        width: 560px;
        height: 560px;
        border-radius: 50%;
        background: repeating-radial-gradient(circle, transparent 0 62px, rgba(139, 92, 246, 0.10) 62px 63px);
        pointer-events: none;
    }

    .faq-page .radar-strip .container[b-8fhplmm56k] {
        position: relative;
        max-width: 1000px;
        margin: 0 auto;
    }

.faq-page .radar-strip-head[b-8fhplmm56k] {
    max-width: 680px;
    margin: 0 0 28px;
}

.faq-page .radar-strip-eyebrow[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #c4b5fd;
}

.faq-page .radar-strip-dot[b-8fhplmm56k] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--radar-violet);
    box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.22);
    flex-shrink: 0;
}

.faq-page .radar-strip h2[b-8fhplmm56k] {
    font-family: var(--font-family-heading);
    font-size: clamp(1.5rem, 2.6vw, 1.875rem);
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
    margin: 0 0 10px;
}

.faq-page .radar-strip-lede[b-8fhplmm56k] {
    font-size: 15px;
    line-height: 1.6;
    color: var(--radar-muted);
    margin: 0;
}

.faq-page .radar-strip-grid[b-8fhplmm56k] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.faq-page .radar-card[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 22px;
    background: var(--radar-card);
    border: 1px solid var(--radar-line);
    border-radius: 14px;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .faq-page .radar-card:hover[b-8fhplmm56k] {
        border-color: rgba(139, 92, 246, 0.45);
        transform: translateY(-3px);
        box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
    }

.faq-page .radar-card-meta[b-8fhplmm56k] {
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--radar-quiet);
}

.faq-page .radar-card-title[b-8fhplmm56k] {
    margin: 0;
}

    .faq-page .radar-card-title a[b-8fhplmm56k] {
        display: block;
        color: #ffffff;
        text-decoration: none;
    }

.faq-page .radar-card-label[b-8fhplmm56k] {
    display: block;
    font-family: var(--font-family-heading);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;
}

.faq-page .radar-card-full[b-8fhplmm56k] {
    display: block;
    margin-top: 6px;
    font-family: var(--font-family-primary, 'Inter', system-ui, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    color: #cdd2dc;
}

.faq-page .radar-card-title a:hover .radar-card-label[b-8fhplmm56k],
.faq-page .radar-card-title a:focus-visible .radar-card-label[b-8fhplmm56k] {
    text-decoration: underline;
    text-decoration-color: var(--radar-violet);
    text-underline-offset: 4px;
}

.faq-page .radar-card-src[b-8fhplmm56k] {
    margin: auto 0 0;
    padding-top: 4px;
    font-size: 12px;
    color: var(--radar-quiet);
}

.faq-page .radar-card-solve[b-8fhplmm56k] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    background: var(--accent);
    border-radius: 9999px;
    text-decoration: none;
    transition: filter 0.2s ease, transform 0.2s ease;
}

    .faq-page .radar-card-solve:hover[b-8fhplmm56k] {
        filter: brightness(1.08);
        transform: translateY(-1px);
    }

    .faq-page .radar-card-solve i[b-8fhplmm56k] {
        font-size: 11px;
    }

.faq-page .radar-strip-more[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    color: var(--radar-text);
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 9999px;
    transition: border-color 0.2s ease, color 0.2s ease;
}

    .faq-page .radar-strip-more:hover[b-8fhplmm56k] {
        color: #ffffff;
        border-color: var(--radar-violet);
    }

    .faq-page .radar-strip-more i[b-8fhplmm56k] {
        font-size: 11px;
        transition: transform 0.2s ease;
    }

    .faq-page .radar-strip-more:hover i[b-8fhplmm56k] {
        transform: translateX(3px);
    }

.faq-page .radar-strip--hub[b-8fhplmm56k] {
    margin: 48px 0;
    padding: 44px 40px;
    border-radius: 20px;
}

@media (max-width: 968px) {
    .faq-page .radar-strip[b-8fhplmm56k] {
        padding: 40px 20px;
    }

    .faq-page .radar-strip-grid[b-8fhplmm56k] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .faq-page .radar-strip--hub[b-8fhplmm56k] {
        margin: 32px 0;
        padding: 32px 20px;
        border-radius: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .faq-page .radar-card[b-8fhplmm56k],
    .faq-page .radar-card-solve[b-8fhplmm56k],
    .faq-page .radar-strip-more i[b-8fhplmm56k] {
        transition: none;
    }

        .faq-page .radar-card:hover[b-8fhplmm56k],
        .faq-page .radar-card-solve:hover[b-8fhplmm56k] {
            transform: none;
        }
}
/* /Components/AinnaPages/Enterprise.razor.rz.scp.css */
.ent-page[b-8rp5hlurwy] {
    --ent-accent: #8929FF;
    --ent-accent-2: #D0A6FF;
    --ent-tint: #F0E5FF;
    --ent-tint-2: #331A55;
    --ent-on-accent: #FFFFFF;
    --ent-on-accent-2: #160A2E;
    --ent-glow: 137, 41, 255;
    --ent-ink: #0F141B;
    --ent-ink-soft: #414A57;
    --ent-ink-2: #616B79;
    --ent-light: #F0F2F5;
    --ent-light-2: #FAFBFC;
    --ent-light-3: #E5E8ED;
    --ent-wash: #DFE3F1;
    --ent-sheet: #FFFFFF;
    --ent-border: #C6CCD5;
    --ent-border-soft: #DCE0E6;
    --ent-sense: var(--ent-wash);
    --ent-dark: #0C1017;
    --ent-dark-2: #151A22;
    --ent-dark-3: #07090D;
    --ent-dark-wash: #070B1C;
    --ent-dark-ink: #E8ECF1;
    --ent-dark-ink-1: #A8B1BD;
    --ent-dark-ink-2: #7B8593;
    --ent-dark-rule: #29303B;
    --ent-dark-rule-soft: #1B2129;
    --ent-no: #B8163F;
    --ent-no-tint: #F8DFE6;
    --ent-no-dark: #F05C73;
    --ent-no-tint-dark: #33151B;
    --ent-radius: 6px;
    --ent-radius-lg: 10px;
    --ent-max: 1180px;
    --ent-f-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
    --ent-f-ui: "IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;
    --ent-f-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
    font-family: var(--ent-f-ui);
    color: var(--ent-ink);
    background: var(--ent-light);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .ent-page h1[b-8rp5hlurwy], .ent-page h2[b-8rp5hlurwy], .ent-page h3[b-8rp5hlurwy], .ent-page h4[b-8rp5hlurwy] {
        font-family: var(--ent-f-display);
        line-height: 1.15;
        margin: 0;
        color: var(--ent-ink);
        text-wrap: balance;
    }

    .ent-page[b-8rp5hlurwy]  a,
    .ent-page[b-8rp5hlurwy]  a:hover {
        color: var(--ent-accent);
    }

.ent-hero .ent-h1[b-8rp5hlurwy],
.ent-section--dark .ent-h2[b-8rp5hlurwy],
.ent-section--dark .ent-h3[b-8rp5hlurwy] {
    color: var(--ent-dark-ink);
}

.ent-container[b-8rp5hlurwy] {
    max-width: var(--ent-max);
    margin: 0 auto;
    padding: 0 1.5rem;
}

.ent-container--narrow[b-8rp5hlurwy] {
    max-width: 880px;
}

.ent-sr-only[b-8rp5hlurwy] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.ent-extra[b-8rp5hlurwy] {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.ent-nav[b-8rp5hlurwy] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: var(--ent-dark);
    border-bottom: 1px solid var(--ent-dark-rule-soft);
}

@supports (animation-timeline: scroll()) {
    .ent-nav[b-8rp5hlurwy] {
        background: transparent;
        border-bottom-color: transparent;
        backdrop-filter: blur(0px) saturate(1);
        -webkit-backdrop-filter: blur(0px) saturate(1);
        animation: ent-nav-solid-b-8rp5hlurwy linear both;
        animation-timeline: scroll();
        animation-range: 0 140px;
    }

    @keyframes ent-nav-solid-b-8rp5hlurwy {
        from {
            background: transparent;
            border-bottom-color: transparent;
            backdrop-filter: blur(0px) saturate(1);
            -webkit-backdrop-filter: blur(0px) saturate(1);
        }

        to {
            background: color-mix(in srgb, var(--ent-dark) 88%, transparent);
            border-bottom-color: var(--ent-dark-rule-soft);
            backdrop-filter: blur(12px) saturate(1.2);
            -webkit-backdrop-filter: blur(12px) saturate(1.2);
        }
    }
}

.ent-nav-inner[b-8rp5hlurwy] {
    max-width: var(--ent-max);
    margin: 0 auto;
    padding: 0 1.5rem;
    min-height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.ent-logo[b-8rp5hlurwy] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.55rem;
    text-decoration: none;
    line-height: 1;
}

    .ent-logo img[b-8rp5hlurwy] {
        display: block;
    }

.ent-logo-suffix[b-8rp5hlurwy] {
    display: inline-block;
    line-height: 1;
    padding-left: 0.2rem;
    font-family: var(--ent-f-mono);
    font-size: 0.6rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ent-dark-ink-1);
}

.ent-nav-links[b-8rp5hlurwy] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

    .ent-nav-links a[b-8rp5hlurwy] {
        color: var(--ent-dark-ink-1);
        text-decoration: none;
        font-size: 0.9rem;
        font-weight: 500;
        white-space: nowrap;
        transition: color 0.18s ease;
    }

        .ent-nav-links a:hover[b-8rp5hlurwy] {
            color: var(--ent-dark-ink);
        }

.ent-nav-cta[b-8rp5hlurwy] {
    background: var(--ent-accent-2);
    border: 1px solid var(--ent-accent-2);
    color: var(--ent-on-accent-2) !important;
    padding: 0.5rem 0.95rem;
    border-radius: var(--ent-radius);
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
    transition: background 0.15s, transform 0.18s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.18s;
}

    .ent-nav-cta:hover[b-8rp5hlurwy] {
        color: var(--ent-on-accent-2) !important;
        transform: translateY(-1px);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 8px 18px -8px rgba(2, 4, 9, 0.55);
    }

@media (max-width: 720px) {
    .ent-nav-links a:not(.ent-nav-cta)[b-8rp5hlurwy] {
        display: none;
    }
}

.ent-nav[b-8rp5hlurwy],
.ent-hero[b-8rp5hlurwy] {
    --ent-accent-2: #B26AFE;
}

.ent-hero[b-8rp5hlurwy] {
    position: relative;
    overflow: hidden;
    background: radial-gradient(900px 420px at 85% -10%, rgba(127, 183, 190, 0.13), transparent 60%), radial-gradient(700px 380px at -10% 110%, rgba(240, 45, 125, 0.07), transparent 55%), #0A191D;
    color: var(--ent-dark-ink);
    margin-top: calc(-3.75rem - 1px);
    padding: calc(3.75rem + 1px + 4.5rem) 0 4.5rem;
    text-align: center;
}

    .ent-hero[b-8rp5hlurwy]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(rgba(232, 236, 241, 0.05) 1px, transparent 1px) 0 0 / 100% 40px, linear-gradient(90deg, rgba(232, 236, 241, 0.05) 1px, transparent 1px) 0 0 / 40px 100%;
        -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 80%);
        mask-image: linear-gradient(to bottom, #000 0%, transparent 80%);
    }

    .ent-hero > .ent-container[b-8rp5hlurwy] {
        position: relative;
        z-index: 1;
    }

.ent-eyebrow[b-8rp5hlurwy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-family: var(--ent-f-mono);
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ent-accent-2);
    margin: 0 0 2.2rem;
}

    .ent-eyebrow[b-8rp5hlurwy]::before,
    .ent-eyebrow[b-8rp5hlurwy]::after {
        content: "";
        width: 24px;
        height: 1px;
        background: var(--ent-dark-rule);
        flex-shrink: 0;
    }

.ent-h1[b-8rp5hlurwy] {
    font-family: var(--ent-f-display);
    font-size: clamp(2.3rem, 4.8vw, 4rem);
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -0.03em;
}

.ent-h1-line[b-8rp5hlurwy] {
    display: block;
}

    .ent-h1-line:first-child[b-8rp5hlurwy] {
        font-weight: 800;
        color: var(--ent-dark-ink);
    }

.ent-h1-line--promise[b-8rp5hlurwy] {
    font-weight: 800;
    color: var(--ent-accent-2);
}

.ent-lead[b-8rp5hlurwy] {
    max-width: 580px;
    margin: 2.2rem auto 0;
    font-size: clamp(0.9rem, 1.2vw, 0.98rem);
    font-weight: 400;
    line-height: 1.65;
    color: var(--ent-dark-ink-1);
    text-align: center;
}

    .ent-lead em[b-8rp5hlurwy] {
        font-style: italic;
        color: var(--ent-accent-2);
        font-weight: 500;
    }

.ent-hero-dek[b-8rp5hlurwy] {
    max-width: 780px;
    margin: 1.8rem auto 0;
    font-size: clamp(1.05rem, 1.6vw, 1.25rem);
    font-weight: 400;
    line-height: 1.5;
    color: var(--ent-dark-ink-1);
}

.ent-hero-ctas[b-8rp5hlurwy] {
    display: flex;
    justify-content: center;
    gap: 0.8rem;
    flex-wrap: wrap;
    margin-top: 4.5rem;
    margin-bottom: 1rem;
}

.ent-btn[b-8rp5hlurwy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.78rem 1.35rem;
    border-radius: var(--ent-radius);
    border: 1px solid transparent;
    font-family: var(--ent-f-ui);
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
    transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.18s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.18s;
}

    .ent-btn:active[b-8rp5hlurwy] {
        transform: translateY(0);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

.ent-btn--primary[b-8rp5hlurwy] {
    background: var(--ent-accent);
    border-color: var(--ent-accent);
    color: var(--ent-on-accent);
}

    .ent-btn--primary:hover[b-8rp5hlurwy] {
        transform: translateY(-1px);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 8px 18px -8px rgba(2, 4, 9, 0.55);
    }

    .ent-btn--primary:disabled[b-8rp5hlurwy] {
        opacity: 0.55;
        cursor: not-allowed;
        transform: none;
    }

.ent-hero .ent-btn--primary[b-8rp5hlurwy],
.ent-section--dark .ent-btn--primary[b-8rp5hlurwy] {
    background: var(--ent-accent-2);
    border-color: var(--ent-accent-2);
    color: var(--ent-on-accent-2);
}

.ent-btn--ghost[b-8rp5hlurwy] {
    background: transparent;
    color: var(--ent-dark-ink);
    border: 1px solid var(--ent-dark-rule);
    box-shadow: none;
}

    .ent-btn--ghost:hover[b-8rp5hlurwy] {
        background: rgba(255, 255, 255, 0.06);
        border-color: var(--ent-dark-ink-2);
        transform: translateY(-1px);
    }

.ent-btn--block[b-8rp5hlurwy] {
    width: 100%;
}

.ent-shot[b-8rp5hlurwy] {
    margin: 1.6rem auto 0;
    max-width: 1060px;
}

    .ent-shot img[b-8rp5hlurwy] {
        display: block;
        width: 100%;
        height: auto;
    }

.ent-section[b-8rp5hlurwy] {
    padding: clamp(4.5rem, 7vw, 6.5rem) 0 clamp(3.5rem, 6vw, 5rem);
    border-top: 1px solid var(--ent-border-soft);
}

    .ent-section[id][b-8rp5hlurwy] {
        scroll-margin-top: 4.5rem;
    }

.ent-hero + .ent-section[b-8rp5hlurwy],
.ent-section--dark + .ent-section[b-8rp5hlurwy] {
    border-top: 0;
}

.ent-section--light[b-8rp5hlurwy] {
    background: var(--ent-light);
}

.ent-section--panel[b-8rp5hlurwy] {
    background: var(--ent-light-2);
}

.ent-section--dark[b-8rp5hlurwy] {
    background: var(--ent-dark);
    color: var(--ent-dark-ink);
    border-top-color: var(--ent-dark-rule);
}

.ent-pill[b-8rp5hlurwy] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--ent-f-mono);
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ent-accent);
    background: transparent;
    border: 0;
    padding: 0;
    border-radius: 0;
    margin: 0 0 1rem;
}

    .ent-pill[b-8rp5hlurwy]::before {
        content: none;
    }

.ent-pill--dark[b-8rp5hlurwy] {
    color: var(--ent-accent-2);
    background: transparent;
    border: 0;
}

.ent-dot[b-8rp5hlurwy] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ent-accent-2);
    box-shadow: 0 0 0 0 rgba(208, 166, 255, 0.55);
    animation: ent-pulse-b-8rp5hlurwy 2.4s cubic-bezier(0.2, 0.7, 0.2, 1) infinite;
}

@keyframes ent-pulse-b-8rp5hlurwy {
    0% {
        box-shadow: 0 0 0 0 rgba(208, 166, 255, 0.55);
    }

    70% {
        box-shadow: 0 0 0 9px rgba(208, 166, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(208, 166, 255, 0);
    }
}

.ent-h2[b-8rp5hlurwy] {
    font-size: clamp(1.9rem, 3.6vw, 2.75rem);
    font-weight: 700;
    line-height: 1.06;
    letter-spacing: -0.028em;
}

.ent-h3[b-8rp5hlurwy] {
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    margin-bottom: 0.7rem;
}

.ent-sub[b-8rp5hlurwy] {
    max-width: 44rem;
    margin: 1rem 0 0;
    font-size: 1.06rem;
    line-height: 1.62;
    color: var(--ent-ink-soft);
}

.ent-sub--dark[b-8rp5hlurwy] {
    color: var(--ent-dark-ink-1);
}

.ent-section--centered > .ent-container > .ent-pill[b-8rp5hlurwy] {
    display: flex;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.ent-section--centered > .ent-container > .ent-h2[b-8rp5hlurwy],
.ent-section--centered > .ent-container > .ent-sub[b-8rp5hlurwy] {
    text-align: center;
}

.ent-section--centered > .ent-container > .ent-sub[b-8rp5hlurwy] {
    margin-left: auto;
    margin-right: auto;
}

.ent-section--centered > .ent-container > .ent-gap-verdict[b-8rp5hlurwy] {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ent-grid[b-8rp5hlurwy] {
    display: grid;
    gap: 1.2rem;
    margin-top: 2.6rem;
}

.ent-grid--3[b-8rp5hlurwy] {
    grid-template-columns: repeat(3, 1fr);
}

.ent-resource[b-8rp5hlurwy] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    text-decoration: none;
    color: inherit;
    box-shadow: none;
}

.ent-resource-more[b-8rp5hlurwy] {
    margin-top: auto;
    padding-top: 0.4rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ent-accent);
}

.ent-grid--2[b-8rp5hlurwy] {
    grid-template-columns: repeat(2, 1fr);
}

.ent-grid--4[b-8rp5hlurwy] {
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 980px) {
    .ent-grid--3[b-8rp5hlurwy], .ent-grid--4[b-8rp5hlurwy] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 620px) {
    .ent-grid--2[b-8rp5hlurwy], .ent-grid--3[b-8rp5hlurwy], .ent-grid--4[b-8rp5hlurwy] {
        grid-template-columns: 1fr;
    }
}

.ent-gap-verdict[b-8rp5hlurwy] {
    position: relative;
    max-width: 840px;
    margin: 3rem 0 0;
    padding-top: 1.15rem;
    font-family: var(--ent-f-display);
    font-size: clamp(1.25rem, 2.2vw, 1.6rem);
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -0.02em;
    color: var(--ent-ink);
}

[aria-labelledby="ent-value-title"] .ent-gap-verdict[b-8rp5hlurwy] {
    font-family: var(--ent-f-ui);
    font-size: clamp(1.02rem, 1.5vw, 1.2rem);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.005em;
    color: var(--ent-ink-soft);
    max-width: 46rem;
}

.ent-gap-verdict[b-8rp5hlurwy]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 48px;
    height: 3px;
    background: var(--ent-accent);
}

.ent-card[b-8rp5hlurwy] {
    background: var(--ent-sheet);
    border: 1px solid var(--ent-border);
    border-radius: var(--ent-radius);
    padding: 1.6rem 1.8rem;
    box-shadow: none;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .ent-card:hover[b-8rp5hlurwy] {
        background: var(--ent-sheet);
        border-color: color-mix(in srgb, var(--ent-accent) 42%, var(--ent-border));
        transform: translateY(-3px);
        box-shadow: 0 14px 30px -22px rgba(15, 20, 27, 0.35);
    }

    .ent-card > i[b-8rp5hlurwy] {
        display: none;
    }

    .ent-card:has(> i) h3[b-8rp5hlurwy] {
        color: var(--ent-ink);
        font-size: 1.15rem;
        font-weight: 700;
        letter-spacing: -0.015em;
        line-height: 1.25;
        margin-bottom: 0.6rem;
    }

    .ent-card h3[b-8rp5hlurwy],
    .ent-card h4[b-8rp5hlurwy] {
        font-size: 1.1rem;
        font-weight: 700;
        letter-spacing: -0.015em;
        margin-bottom: 0.55rem;
        transition: color 0.2s ease;
    }

    .ent-card:hover h3[b-8rp5hlurwy],
    .ent-card:hover h4[b-8rp5hlurwy] {
        color: var(--ent-accent);
    }

    .ent-card p[b-8rp5hlurwy] {
        margin: 0;
        color: var(--ent-ink-soft);
        font-size: 0.92rem;
        line-height: 1.55;
    }

        .ent-card p + p[b-8rp5hlurwy] {
            margin-top: 0.9rem;
        }

.ent-agent-tag[b-8rp5hlurwy] {
    display: inline-block;
    font-family: var(--ent-f-mono);
    font-size: 0.6rem;
    font-weight: 500;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: var(--ent-accent);
    background: var(--ent-tint);
    padding: 0.22rem 0.5rem;
    border-radius: 3px;
    margin-bottom: 0.8rem;
}

.ent-split[b-8rp5hlurwy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: start;
    margin-top: 2.6rem;
}

.ent-split--reverse > .ent-split-text[b-8rp5hlurwy] {
    order: 2;
}

.ent-split-text p[b-8rp5hlurwy] {
    color: inherit;
    opacity: 0.85;
}

.ent-section--dark .ent-split-text p[b-8rp5hlurwy] {
    color: var(--ent-dark-ink-1);
    opacity: 1;
}

@media (max-width: 880px) {
    .ent-split[b-8rp5hlurwy] {
        grid-template-columns: 1fr;
        gap: 1.8rem;
    }

    .ent-split--reverse > .ent-split-text[b-8rp5hlurwy] {
        order: 0;
    }
}

.ent-trust[b-8rp5hlurwy] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--ent-radius);
    padding: 1.3rem 1.35rem;
    transition: border-color 0.2s ease, background 0.2s ease;
}

    .ent-trust:hover[b-8rp5hlurwy] {
        background: var(--ent-sheet);
        border-color: var(--ent-border);
        transform: none;
    }

    .ent-trust i[b-8rp5hlurwy] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: var(--ent-radius);
        background: var(--ent-tint);
        color: var(--ent-accent);
        font-size: 0.95rem;
        margin-bottom: 0.7rem;
    }

    .ent-trust h3[b-8rp5hlurwy] {
        font-size: 0.98rem;
        font-weight: 700;
        margin-bottom: 0.35rem;
    }

    .ent-trust p[b-8rp5hlurwy] {
        margin: 0;
        font-size: 0.86rem;
        line-height: 1.5;
        color: var(--ent-ink-soft);
    }

.ent-form-col[b-8rp5hlurwy] {
    align-self: start;
}

    .ent-form-col[b-8rp5hlurwy]  .ent-form {
        background: var(--ent-dark-2);
        border: 1px solid var(--ent-dark-rule);
        border-radius: var(--ent-radius-lg);
        padding: 1.6rem;
        display: grid;
        gap: 0.8rem;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 24px 48px -32px rgba(0, 0, 0, 0.7);
    }

    .ent-form-col[b-8rp5hlurwy]  .ent-input {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        background: var(--ent-dark);
        border: 1px solid var(--ent-dark-rule);
        border-radius: var(--ent-radius);
        padding: 0.8rem 0.95rem;
        color: var(--ent-dark-ink);
        font-family: inherit;
        font-size: 0.95rem;
        line-height: 1.4;
        -webkit-appearance: none;
        appearance: none;
        transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
    }

        .ent-form-col[b-8rp5hlurwy]  .ent-input::placeholder {
            color: var(--ent-dark-ink-2);
        }

        .ent-form-col[b-8rp5hlurwy]  .ent-input:focus {
            outline: none;
            border-color: var(--ent-accent-2);
            background: var(--ent-dark);
            box-shadow: 0 0 0 3px rgba(208, 166, 255, 0.22);
        }

        .ent-form-col[b-8rp5hlurwy]  .ent-input:-webkit-autofill,
        .ent-form-col[b-8rp5hlurwy]  .ent-input:-webkit-autofill:focus {
            -webkit-text-fill-color: var(--ent-dark-ink);
            caret-color: var(--ent-dark-ink);
            box-shadow: 0 0 0 1000px var(--ent-dark) inset;
            transition: background-color 9999s ease-in-out 0s;
        }

        .ent-form-col[b-8rp5hlurwy]  .ent-input.valid.modified {
            border-color: var(--ent-dark-rule);
        }

        .ent-form-col[b-8rp5hlurwy]  .ent-input.invalid {
            border-color: rgba(240, 92, 115, 0.6);
            box-shadow: 0 0 0 3px rgba(240, 92, 115, 0.14);
        }

            .ent-form-col[b-8rp5hlurwy]  .ent-input.invalid:focus {
                border-color: var(--ent-no-dark);
                box-shadow: 0 0 0 3px rgba(240, 92, 115, 0.22);
            }

    .ent-form-col[b-8rp5hlurwy]  .ent-btn--block {
        margin-top: 0.3rem;
    }

    .ent-form-col[b-8rp5hlurwy]  .ent-form.is-submitting {
        cursor: progress;
    }

        .ent-form-col[b-8rp5hlurwy]  .ent-form.is-submitting .ent-btn--primary {
            pointer-events: none;
            cursor: progress;
        }

            .ent-form-col[b-8rp5hlurwy]  .ent-form.is-submitting .ent-btn--primary i {
                display: none;
            }

            .ent-form-col[b-8rp5hlurwy]  .ent-form.is-submitting .ent-btn--primary::after {
                content: "";
                width: 1em;
                height: 1em;
                border: 2px solid rgba(22, 10, 46, 0.35);
                border-top-color: var(--ent-on-accent-2);
                border-radius: 50%;
                animation: ent-btn-spin-b-8rp5hlurwy 0.7s linear infinite;
            }

@keyframes ent-btn-spin-b-8rp5hlurwy {
    to {
        transform: rotate(360deg);
    }
}

.ent-success[b-8rp5hlurwy] {
    background: var(--ent-dark-2);
    border: 1px solid var(--ent-dark-rule);
    border-radius: var(--ent-radius-lg);
    padding: 2.6rem 2rem;
    text-align: center;
    display: grid;
    gap: 1.1rem;
    justify-items: center;
    animation: ent-success-in-b-8rp5hlurwy 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.ent-success-icon[b-8rp5hlurwy] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--ent-accent-2);
    color: var(--ent-on-accent-2);
    font-size: 1.3rem;
}

.ent-success-text[b-8rp5hlurwy] {
    display: grid;
    gap: 0.4rem;
}

    .ent-success-text strong[b-8rp5hlurwy] {
        color: var(--ent-dark-ink);
        font-family: var(--ent-f-display);
        font-size: 1.18rem;
        font-weight: 700;
        letter-spacing: -0.015em;
    }

    .ent-success-text span[b-8rp5hlurwy] {
        color: var(--ent-dark-ink-1);
        font-size: 0.95rem;
        line-height: 1.55;
    }

@keyframes ent-success-in-b-8rp5hlurwy {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ent-form-error[b-8rp5hlurwy] {
    margin: 0;
    padding: 0.75rem 1rem;
    border-radius: var(--ent-radius);
    background: var(--ent-no-tint-dark);
    border: 1px solid rgba(240, 92, 115, 0.45);
    color: #F9B7C1;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

    .ent-form-error i[b-8rp5hlurwy] {
        flex: 0 0 auto;
        font-size: 0.95rem;
    }

.ent-faq-list[b-8rp5hlurwy] {
    margin-top: 2.2rem;
    display: grid;
    gap: 0.7rem;
}

.ent-faq[b-8rp5hlurwy] {
    background: var(--ent-sheet);
    border: 1px solid var(--ent-border);
    border-radius: var(--ent-radius);
    overflow: hidden;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

    .ent-faq[open][b-8rp5hlurwy] {
        border-color: color-mix(in srgb, var(--ent-accent) 42%, var(--ent-border));
        box-shadow: 0 14px 30px -22px rgba(15, 20, 27, 0.35);
    }

.ent-faq-trigger[b-8rp5hlurwy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    padding: 1.1rem 1.4rem;
    list-style: none;
}

    .ent-faq-trigger[b-8rp5hlurwy]::-webkit-details-marker {
        display: none;
    }

    .ent-faq-trigger[b-8rp5hlurwy]::marker {
        content: none;
    }

.ent-faq-q[b-8rp5hlurwy] {
    font-size: 1.02rem;
    font-weight: 600;
    display: flex;
    gap: 0.7rem;
    align-items: baseline;
    margin: 0;
    color: var(--ent-ink);
}

    .ent-faq-q i[b-8rp5hlurwy] {
        color: var(--ent-accent);
        font-size: 0.85em;
    }

.ent-faq-chevron[b-8rp5hlurwy] {
    color: var(--ent-ink-2);
    transition: transform 0.2s ease;
    flex: 0 0 auto;
}

.ent-faq[open] .ent-faq-chevron[b-8rp5hlurwy] {
    transform: rotate(180deg);
}

.ent-faq-a[b-8rp5hlurwy] {
    padding: 0 1.4rem 1.3rem;
    color: var(--ent-ink-soft);
    font-size: 0.97rem;
    line-height: 1.6;
}

    .ent-faq-a p[b-8rp5hlurwy] {
        margin: 0 0 0.7rem;
    }

        .ent-faq-a p:last-child[b-8rp5hlurwy] {
            margin-bottom: 0;
        }

.ent-footer[b-8rp5hlurwy] {
    background: #020409;
    border-top: 1px solid #1F2530;
    color: var(--ent-dark-ink-1);
    padding: 0 0 2.2rem;
}

.ent-footer-grid[b-8rp5hlurwy] {
    display: grid;
    grid-template-columns: 1.2fr 2fr 1.4fr;
    gap: 3rem;
    padding-top: clamp(4.5rem, 7vw, 6.5rem);
    padding-bottom: 2.6rem;
}

@media (max-width: 920px) {
    .ent-footer-grid[b-8rp5hlurwy] {
        grid-template-columns: 1fr 1fr;
        gap: 2.4rem;
    }

    .ent-footer-brand[b-8rp5hlurwy] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    .ent-footer-grid[b-8rp5hlurwy] {
        grid-template-columns: 1fr;
    }
}

.ent-footer-logo img[b-8rp5hlurwy] {
    display: block;
}

.ent-footer-tag[b-8rp5hlurwy] {
    margin: 1rem 0 0;
    font-family: var(--ent-f-ui);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.005em;
    color: var(--ent-dark-ink-1);
    max-width: 24rem;
}

.ent-footer-mission[b-8rp5hlurwy] {
    display: grid;
    gap: 1.4rem;
}

.ent-footer-block h3[b-8rp5hlurwy] {
    font-family: var(--ent-f-mono);
    font-size: 0.6rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ent-accent-2);
    margin: 0 0 0.5rem;
}

.ent-footer-block p[b-8rp5hlurwy] {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.6;
    color: var(--ent-dark-ink-2);
}

.ent-footer-block em[b-8rp5hlurwy] {
    font-style: italic;
    color: var(--ent-dark-ink-1);
}

.ent-footer-links[b-8rp5hlurwy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
}

.ent-footer-col h4[b-8rp5hlurwy] {
    font-family: var(--ent-f-mono);
    font-size: 0.6rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ent-dark-ink-1);
    margin: 0 0 0.9rem;
}

.ent-footer-col a[b-8rp5hlurwy] {
    display: block;
    padding: 0.26rem 0;
    font-size: 0.86rem;
    color: var(--ent-dark-ink-2);
    text-decoration: none;
    transition: color 0.16s ease;
}

    .ent-footer-col a:hover[b-8rp5hlurwy] {
        color: var(--ent-dark-ink);
    }

.ent-footer-legal[b-8rp5hlurwy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding-top: 1.4rem;
    border-top: 1px solid #1F2530;
    color: var(--ent-dark-ink-2);
    font-size: 0.8rem;
}

    .ent-footer-legal nav[b-8rp5hlurwy] {
        display: flex;
        gap: 1.2rem;
        flex-wrap: wrap;
    }

    .ent-footer-legal a[b-8rp5hlurwy] {
        color: var(--ent-dark-ink-2);
        text-decoration: none;
    }

        .ent-footer-legal a:hover[b-8rp5hlurwy] {
            color: var(--ent-dark-ink);
        }

.ent-footer-note[b-8rp5hlurwy] {
    position: relative;
    font-family: var(--ent-f-mono);
    font-size: 0.62rem;
    line-height: 1.65;
    color: color-mix(in srgb, var(--ent-dark-ink-2) 72%, transparent);
    margin: 2.4rem 0 0;
    padding-top: 1.6rem;
    max-width: 960px;
}

    .ent-footer-note[b-8rp5hlurwy]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, #1F2530 18%, #1F2530 82%, transparent);
    }

.os-flow[b-8rp5hlurwy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.9rem;
    max-width: 1080px;
    margin: 3rem auto 0;
}

.os-flow-node[b-8rp5hlurwy] {
    width: 100%;
    max-width: 560px;
    padding: clamp(1rem, 2vw, 1.35rem);
    background: var(--ent-sheet);
    border: 1px solid var(--ent-border);
    border-radius: var(--ent-radius);
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

    .os-flow-node:hover[b-8rp5hlurwy],
    .os-flow-node:focus-within[b-8rp5hlurwy] {
        transform: translateY(-3px);
        border-color: color-mix(in srgb, var(--ent-accent) 42%, var(--ent-border));
        box-shadow: 0 14px 30px -22px rgba(15, 20, 27, 0.35);
    }

.os-flow-node--in[b-8rp5hlurwy] {
    justify-self: center;
    text-align: center;
}

.os-flow-node--out[b-8rp5hlurwy] {
    justify-self: center;
    text-align: center;
}

.os-flow-eyebrow[b-8rp5hlurwy] {
    display: block;
    margin-bottom: 0.5rem;
    font-family: var(--ent-f-mono);
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: var(--ent-accent);
}

.os-flow-text[b-8rp5hlurwy] {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.55;
    color: var(--ent-ink-soft);
}

.os-flow-link[b-8rp5hlurwy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    height: clamp(36px, 5vw, 56px);
}

.os-flow-bar[b-8rp5hlurwy] {
    position: relative;
    overflow: hidden;
    flex: 1;
    width: 2px;
    height: auto;
    background: linear-gradient(180deg, var(--ent-tint), var(--ent-accent));
}

    .os-flow-bar[b-8rp5hlurwy]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40%;
        background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.9), transparent);
        animation: os-shimmer-b-8rp5hlurwy 2.2s linear infinite;
    }

.os-flow-head[b-8rp5hlurwy] {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 9px solid var(--ent-accent);
}

.os-engine-col[b-8rp5hlurwy] {
    --os-size: clamp(220px, 30vw, 320px);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.1rem;
}

.os-engine[b-8rp5hlurwy] {
    position: relative;
    width: 100%;
    max-width: 860px;
    margin: 0.4rem auto;
}

.osl[b-8rp5hlurwy] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.osl-ring[b-8rp5hlurwy] {
    fill: rgba(255, 255, 255, 0.5);
    stroke: #D0A6FF;
    stroke-width: 7;
}

.osl-sweep[b-8rp5hlurwy],
.osl-sweep-in[b-8rp5hlurwy] {
    fill: none;
    stroke-linecap: round;
    stroke-dasharray: 200 1100;
    transform-origin: 350px 340px;
    animation: osl-sweep-b-8rp5hlurwy 11.9s linear infinite;
}

.osl-sweep[b-8rp5hlurwy] {
    stroke: #8929FF;
    stroke-width: 22;
    opacity: 0.35;
    filter: blur(11px);
}

.osl-sweep-in[b-8rp5hlurwy] {
    stroke: #8929FF;
    stroke-width: 7;
    opacity: 1;
}

    .osl-sweep.js-driven[b-8rp5hlurwy],
    .osl-sweep-in.js-driven[b-8rp5hlurwy],
    .osl-head.js-driven[b-8rp5hlurwy] {
        animation: none;
    }

@keyframes osl-sweep-b-8rp5hlurwy {
    from {
        transform: rotate(240.6deg);
    }

    to {
        transform: rotate(600.6deg);
    }
}

.osl-head[b-8rp5hlurwy] {
    fill: #8929FF;
    opacity: 1;
    transform-origin: 350px 340px;
    animation: osl-sweep-b-8rp5hlurwy 11.9s linear infinite;
}

.osl-dot[b-8rp5hlurwy] {
    fill: #FFFFFF;
    stroke: #C6CCD5;
    stroke-width: 2;
    transition: fill 0.35s ease, stroke 0.35s ease;
}

.osl-num[b-8rp5hlurwy] {
    font-family: var(--ent-f-mono);
    font-size: 15px;
    font-weight: 700;
    fill: #414A57;
    transition: fill 0.35s ease;
}

.osl-halo[b-8rp5hlurwy] {
    fill: #8929FF;
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    transform: scale(0.6);
}

.osl-node.is-on .osl-dot[b-8rp5hlurwy] {
    fill: #8929FF;
    stroke: #8929FF;
}

.osl-node.is-on .osl-num[b-8rp5hlurwy] {
    fill: #FFFFFF;
}

.osl-node.is-on .osl-halo[b-8rp5hlurwy] {
    animation: osl-halo-b-8rp5hlurwy 1.5s ease-out both;
}

@keyframes osl-halo-b-8rp5hlurwy {
    0% {
        opacity: 0.35;
        transform: scale(0.6);
    }

    100% {
        opacity: 0;
        transform: scale(1.35);
    }
}

.osl-label[b-8rp5hlurwy] {
    font-family: var(--ent-f-ui);
    font-size: 15px;
    font-weight: 500;
    fill: #414A57;
    transition: fill 0.35s ease;
}

    .osl-label.is-on[b-8rp5hlurwy] {
        fill: #0F141B;
        font-weight: 700;
    }

.osl-step[b-8rp5hlurwy] {
    font-family: var(--ent-f-mono);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.22em;
    fill: #8929FF;
    transition: opacity 0.2s ease;
}

.osl-name[b-8rp5hlurwy] {
    font-family: var(--ent-f-display);
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.025em;
    fill: #0F141B;
    transition: opacity 0.2s ease;
}

.osl-rule[b-8rp5hlurwy] {
    stroke: #8929FF;
    stroke-width: 2;
    stroke-linecap: round;
    opacity: 0.8;
}

.osl-desc-wrap[b-8rp5hlurwy] {
    overflow: visible;
}

.osl-desc[b-8rp5hlurwy] {
    font-family: var(--ent-f-ui);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    color: #414A57;
    text-align: center;
    margin: 0;
    padding: 0 6px;
    transition: opacity 0.15s ease;
}

    .osl-step.fading[b-8rp5hlurwy],
    .osl-name.fading[b-8rp5hlurwy],
    .osl-desc.fading[b-8rp5hlurwy] {
        opacity: 0;
    }

.os-stages.js-driven .os-stage[b-8rp5hlurwy] {
    animation: none;
    opacity: 0.55;
    transition: opacity 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

    .os-stages.js-driven .os-stage.is-on[b-8rp5hlurwy] {
        opacity: 1;
        background: var(--ent-tint);
        border-color: var(--ent-accent);
    }

.os-ring[b-8rp5hlurwy] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(from 0deg, var(--ent-accent-2) 0deg 60deg, #5B45A3 60deg 360deg);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 7px), #000 calc(100% - 7px));
    mask: radial-gradient(farthest-side, #0000 calc(100% - 7px), #000 calc(100% - 7px));
    animation: os-spin-b-8rp5hlurwy 11.9s linear infinite;
}

.os-dot[b-8rp5hlurwy] {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    margin: -4.5px 0 0 -4.5px;
    border-radius: 50%;
    background: var(--ent-accent-2);
    animation: os-orbit-b-8rp5hlurwy 11.9s linear infinite;
}

.os-dot--2[b-8rp5hlurwy] {
    animation-delay: -3.97s;
}

.os-dot--3[b-8rp5hlurwy] {
    animation-delay: -7.93s;
}

.os-core[b-8rp5hlurwy] {
    position: relative;
    z-index: 2;
    width: calc(var(--os-size) * 0.62);
    height: calc(var(--os-size) * 0.62);
    border-radius: 50%;
    background: radial-gradient(circle at 50% 28%, #241F35, #140F26 75%);
    border: 1px solid #3E3757;
    box-shadow: inset 0 0 44px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10%;
}

.os-core-logo[b-8rp5hlurwy] {
    height: calc(var(--os-size) * 0.072);
    min-height: 16px;
    opacity: 0.96;
}

.os-core-text[b-8rp5hlurwy] {
    margin: 0.5rem 0 0;
    font-size: calc(var(--os-size) * 0.042);
    line-height: 1.4;
    color: #BDB6D3;
}

.os-stages[b-8rp5hlurwy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.35rem;
}

.os-stage[b-8rp5hlurwy] {
    padding: 0.22rem 0.55rem;
    border-radius: 3px;
    border: 1px solid color-mix(in srgb, var(--ent-accent) 40%, transparent);
    font-family: var(--ent-f-mono);
    font-size: 0.6rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ent-accent);
    animation: os-pulse-b-8rp5hlurwy 3.6s ease-in-out infinite;
}

.os-stage--2[b-8rp5hlurwy] {
    animation-delay: 1.2s;
}

.os-stage--3[b-8rp5hlurwy] {
    animation-delay: 2.4s;
}

.os-flow-caption[b-8rp5hlurwy] {
    max-width: 720px;
    margin: 2.4rem auto 0;
    text-align: center;
    font-family: var(--ent-f-display);
    font-size: clamp(1.1rem, 1.9vw, 1.35rem);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.015em;
    font-style: normal;
    color: var(--ent-ink);
}

@keyframes os-spin-b-8rp5hlurwy {
    to {
        transform: rotate(360deg);
    }
}

@keyframes os-orbit-b-8rp5hlurwy {
    from {
        transform: rotate(0deg) translateY(calc(var(--os-size) / -2 + 4px));
    }

    to {
        transform: rotate(360deg) translateY(calc(var(--os-size) / -2 + 4px));
    }
}

@keyframes os-pulse-b-8rp5hlurwy {
    0%, 100% {
        opacity: 0.5;
        background: transparent;
    }

    50% {
        opacity: 1;
        background: var(--ent-tint);
    }
}

@keyframes os-shimmer-b-8rp5hlurwy {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(350%);
    }
}

@media (max-width: 960px) {
    .os-flow[b-8rp5hlurwy] {
        gap: 0.85rem;
    }

    .os-engine-col[b-8rp5hlurwy] {
        --os-size: clamp(208px, 58vw, 300px);
    }

    .os-flow-node[b-8rp5hlurwy] {
        max-width: 460px;
    }
}

@media (max-width: 640px) {
    .osl-label[b-8rp5hlurwy] {
        font-size: 17px;
    }

    .osl-desc[b-8rp5hlurwy] {
        font-size: 16px;
    }
}

@media (max-width: 520px) {
    .os-core-text[b-8rp5hlurwy] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .os-ring[b-8rp5hlurwy],
    .os-stage[b-8rp5hlurwy] {
        animation: none;
    }

    .osl-sweep[b-8rp5hlurwy],
    .osl-sweep-in[b-8rp5hlurwy],
    .osl-head[b-8rp5hlurwy] {
        animation: none;
        transform: rotate(240.6deg);
    }

    .osl-node.is-on .osl-halo[b-8rp5hlurwy] {
        animation: none;
    }

    .os-dot[b-8rp5hlurwy] {
        display: none;
    }

    .os-flow-bar[b-8rp5hlurwy]::after {
        display: none;
    }

    .os-stage[b-8rp5hlurwy] {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ent-dot[b-8rp5hlurwy] {
        animation: none;
    }

    .ent-btn[b-8rp5hlurwy], .ent-faq-chevron[b-8rp5hlurwy] {
        transition: none;
    }
}

.ent-thesis[b-8rp5hlurwy] {
    background: radial-gradient(ellipse 70% 52% at 50% -8%, rgba(var(--ent-glow), 0.36), transparent 70%), repeating-radial-gradient(circle at 50% -8%, transparent 0 118px, rgba(208, 166, 255, 0.06) 118px 119px), #140F26;
    border-top: 1px solid color-mix(in srgb, var(--ent-accent-2) 42%, transparent);
    border-bottom: 1px solid #2F2853;
}

    .ent-thesis .ent-sub--dark[b-8rp5hlurwy] {
        color: #BDB6D3;
    }

.ent-ast[b-8rp5hlurwy] {
    color: var(--ent-accent-2);
}

.ent-evidence[b-8rp5hlurwy] {
    max-width: 720px;
    margin: 1.6rem auto 0;
    text-align: center;
    font-size: 0.82rem;
    line-height: 1.65;
    color: #8F88AB;
}

    .ent-evidence em[b-8rp5hlurwy] {
        font-style: italic;
        color: #BDB6D3;
    }

    .ent-evidence a[b-8rp5hlurwy] {
        color: #BDB6D3;
        text-decoration: underline;
        text-decoration-color: #3E3766;
        text-underline-offset: 0.15em;
    }

        .ent-evidence a:hover[b-8rp5hlurwy] {
            color: var(--ent-accent-2);
        }

.ent-thesis-cta[b-8rp5hlurwy] {
    text-align: center;
    margin: 2.2rem 0 0;
}

.ent-sub--dark a[b-8rp5hlurwy] {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.15em;
    text-decoration-thickness: 1px;
}

    .ent-sub--dark a:hover[b-8rp5hlurwy] {
        color: var(--ent-accent-2);
    }

.ent-os-num[b-8rp5hlurwy] {
    margin-right: 0.85rem;
    color: var(--ent-accent);
    font-family: var(--ent-f-mono);
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1;
}

.ent-ladder[b-8rp5hlurwy] {
    list-style: none;
    margin: 2.8rem 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.6rem;
}

.ent-ladder-step[b-8rp5hlurwy] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 132px;
    padding: 1.4rem 0.5rem;
    border: 1px solid var(--ent-border);
    border-radius: var(--ent-radius);
    background: var(--ent-sheet);
    text-align: center;
}

.ent-ladder-num[b-8rp5hlurwy] {
    font-family: var(--ent-f-display);
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
    color: var(--ent-ink-2);
}

.ent-ladder-label[b-8rp5hlurwy] {
    font-family: var(--ent-f-mono);
    font-size: 0.6rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1.25;
    color: var(--ent-ink-soft);
}

.ent-ladder-step:nth-child(4)[b-8rp5hlurwy] {
    background: color-mix(in srgb, var(--ent-tint) 45%, var(--ent-sheet));
    border-color: color-mix(in srgb, var(--ent-accent) 16%, var(--ent-border));
}

    .ent-ladder-step:nth-child(4) .ent-ladder-num[b-8rp5hlurwy] {
        color: var(--ent-ink);
    }

.ent-ladder-step:nth-child(5)[b-8rp5hlurwy] {
    background: var(--ent-tint);
    border-color: color-mix(in srgb, var(--ent-accent) 26%, var(--ent-border));
}

.ent-ladder-step:nth-child(6)[b-8rp5hlurwy] {
    background: color-mix(in srgb, var(--ent-accent) 14%, var(--ent-tint));
    border-color: color-mix(in srgb, var(--ent-accent) 40%, var(--ent-border));
}

    .ent-ladder-step:nth-child(5) .ent-ladder-num[b-8rp5hlurwy],
    .ent-ladder-step:nth-child(6) .ent-ladder-num[b-8rp5hlurwy] {
        color: var(--ent-accent);
    }

.ent-ladder-final[b-8rp5hlurwy] {
    background: var(--ent-accent);
    border-color: var(--ent-accent);
    box-shadow: 0 14px 30px -18px rgba(15, 20, 27, 0.45);
}

    .ent-ladder-final .ent-ladder-num[b-8rp5hlurwy],
    .ent-ladder-final .ent-ladder-label[b-8rp5hlurwy] {
        color: var(--ent-on-accent);
    }

    .ent-ladder-final .ent-ladder-goal[b-8rp5hlurwy] {
        color: var(--ent-accent);
    }

.ent-ladder-goal[b-8rp5hlurwy] {
    position: absolute;
    top: -0.72rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.22rem 0.55rem;
    border-radius: 3px;
    background: var(--ent-sheet);
    border: 1px solid var(--ent-accent);
    color: var(--ent-accent);
    font-family: var(--ent-f-mono);
    font-size: 0.56rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    white-space: nowrap;
}

@media (max-width: 680px) {
    .ent-ladder[b-8rp5hlurwy] {
        grid-template-columns: repeat(4, 1fr);
        gap: 0.5rem;
    }

    .ent-ladder-step[b-8rp5hlurwy] {
        min-height: 104px;
        padding: 1rem 0.4rem;
    }

    .ent-ladder-num[b-8rp5hlurwy] {
        font-size: 1.8rem;
    }
}

.ent-journey-cards[b-8rp5hlurwy] {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.2rem;
}

.ent-journey-card[b-8rp5hlurwy] {
    background: var(--ent-sheet);
    border: 1px solid var(--ent-border);
    border-radius: var(--ent-radius);
    padding: 1.7rem 1.8rem;
    text-align: left;
    box-shadow: none;
}

.ent-journey-card-head[b-8rp5hlurwy] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    margin: 0 0 0.7rem;
    font-family: var(--ent-f-display);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--ent-ink);
}

.ent-journey-card-num[b-8rp5hlurwy] {
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
    color: var(--ent-accent);
}

.ent-journey-card-body[b-8rp5hlurwy] {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--ent-ink-soft);
}

@media (max-width: 780px) {
    .ent-journey-cards[b-8rp5hlurwy] {
        grid-template-columns: 1fr;
    }
}

.ent-deploy[b-8rp5hlurwy] {
    margin: 2rem auto 4.5rem;
    max-width: 1120px;
    perspective: 1500px;
}

.ent-deploy-frame[b-8rp5hlurwy] {
    position: relative;
    border-radius: var(--ent-radius-lg);
    overflow: hidden;
    border: 1px solid var(--ent-border);
    background: var(--ent-sheet);
    box-shadow: 0 1px 2px rgba(15, 20, 27, 0.05), 0 36px 70px -32px rgba(15, 20, 27, 0.35);
    transform: rotateX(8deg);
    transform-origin: center center;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.ent-deploy:hover .ent-deploy-frame[b-8rp5hlurwy] {
    transform: rotateX(3deg);
}

.ent-deploy-frame img[b-8rp5hlurwy] {
    display: block;
    width: 100%;
    height: auto;
}

.ent-deploy-frame[b-8rp5hlurwy]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: clamp(40px, 8%, 88px);
    background: linear-gradient(rgba(255, 255, 255, 0), #fff);
    pointer-events: none;
}

@media (max-width: 768px) {
    .ent-deploy-frame[b-8rp5hlurwy] {
        transform: none;
    }

    .ent-deploy-cap[b-8rp5hlurwy] {
        margin-top: 1.4rem;
    }
}

.ent-deploy-cap[b-8rp5hlurwy] {
    margin: 2.6rem auto 0;
    max-width: 640px;
    font-size: 0.86rem;
    line-height: 1.6;
    text-align: center;
    color: var(--ent-ink-2);
}

.ent-hero--stage[b-8rp5hlurwy] {
    padding: calc(3.75rem + 1px + clamp(1.25rem, 3.5vh, 2.75rem)) 0 clamp(1rem, 2.5vh, 2rem);
    min-height: 100svh;
    display: grid;
    align-content: center;
}

    .ent-hero--stage > .ent-container[b-8rp5hlurwy] {
        max-width: 112rem;
        padding-inline: clamp(1rem, 3vw, 3rem);
    }

    .ent-hero--stage .ent-eyebrow[b-8rp5hlurwy] {
        margin-bottom: 1.4rem;
    }

    .ent-hero--stage .ent-h1[b-8rp5hlurwy] {
        font-size: clamp(2.4rem, 5vw, 4.5rem);
    }

    .ent-hero--stage .ent-hero-foot[b-8rp5hlurwy] {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: clamp(1.1rem, 2.4vh, 1.6rem);
        margin-top: clamp(1.2rem, 3vh, 2rem);
        padding-top: clamp(1rem, 2.6vh, 1.7rem);
        text-align: center;
    }

        .ent-hero--stage .ent-hero-foot[b-8rp5hlurwy]::before {
            content: "";
            position: absolute;
            top: 0;
            left: clamp(1rem, 3vw, 3rem);
            right: clamp(1rem, 3vw, 3rem);
            height: 1px;
            background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ent-dark-ink) 14%, transparent) 14%, color-mix(in srgb, var(--ent-accent-2) 34%, transparent) 50%, color-mix(in srgb, var(--ent-dark-ink) 14%, transparent) 86%, transparent);
        }

        .ent-hero--stage .ent-hero-foot .ent-hero-dek[b-8rp5hlurwy] {
            max-width: 780px;
            margin: 0;
            font-size: clamp(1rem, 1.3vw, 1.125rem);
            line-height: 1.55;
        }

        .ent-hero--stage .ent-hero-foot .ent-hero-ctas[b-8rp5hlurwy] {
            margin: 0;
            justify-content: center;
        }

.ent-stage[b-8rp5hlurwy] {
    position: relative;
    z-index: 1;
    min-width: 0;
    margin: clamp(1.2rem, 3vh, 2rem) 0 0;
    height: min(35vw, 40rem);
    height: min(35vw, 40rem, max(380px, calc(100svh - 480px)));
}

.ent-stage-svg[b-8rp5hlurwy] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    display: block;
}

@media (prefers-reduced-motion: no-preference) {
    .ent-js .ent-stage:not(.is-live) .ent-stage-svg[b-8rp5hlurwy] {
        visibility: hidden;
    }
}

@media (max-width: 759.98px) {
    .ent-stage[b-8rp5hlurwy] {
        height: 350px;
        overflow: hidden;
    }

    .ent-stage-svg[b-8rp5hlurwy] {
        right: auto;
        width: 672px;
        will-change: transform;
    }

    .ent-stage:not(.is-live)[b-8rp5hlurwy], .ent-stage.is-still[b-8rp5hlurwy] {
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 1.25rem, #000 calc(100% - 1.25rem), transparent);
        mask-image: linear-gradient(90deg, transparent, #000 1.25rem, #000 calc(100% - 1.25rem), transparent);
    }

        .ent-stage:not(.is-live)[b-8rp5hlurwy]::-webkit-scrollbar, .ent-stage.is-still[b-8rp5hlurwy]::-webkit-scrollbar {
            display: none;
        }

        .ent-stage:not(.is-live) .ent-stage-svg[b-8rp5hlurwy], .ent-stage.is-still .ent-stage-svg[b-8rp5hlurwy] {
            will-change: auto;
        }
}

.ent-stage[b-8rp5hlurwy]  .f-lbl {
    font-size: 12px
}

.ent-stage[b-8rp5hlurwy]  .f-org {
    fill: var(--ent-dark-ink);
    fill-opacity: .02;
    stroke: var(--ent-dark-ink);
    stroke-opacity: .16;
    stroke-width: 1;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-mkt {
    fill: var(--ent-accent-2);
    fill-opacity: .04;
    stroke: var(--ent-accent-2);
    stroke-opacity: .28;
    stroke-width: 1;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-box {
    fill: var(--ent-dark-wash);
    fill-opacity: .55;
    stroke: var(--ent-dark-ink);
    stroke-width: 1;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-box--ai {
    fill: var(--ent-accent-2);
    fill-opacity: .05
}

.ent-stage[b-8rp5hlurwy]  .f-mark {
    fill: #E766FA
}

.ent-stage[b-8rp5hlurwy]  .f-bt {
    font-family: var(--ent-f-mono);
    font-weight: 500;
    letter-spacing: .08em;
    fill: var(--ent-dark-ink-2)
}

.ent-stage[b-8rp5hlurwy]  .f-pi {
    fill: none;
    stroke: var(--ent-dark-ink-2);
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-live {
    fill: var(--ent-accent-2)
}

.ent-stage[b-8rp5hlurwy]  .f-flow {
    fill: none;
    stroke: var(--ent-dark-ink);
    stroke-width: 1;
    stroke-dasharray: 1.4 4.2;
    stroke-linecap: round
}

.ent-stage[b-8rp5hlurwy]  .f-chev {
    fill: none;
    stroke: var(--ent-dark-ink);
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-agt {
    stroke: var(--ent-dark-ink);
    stroke-opacity: .14;
    stroke-width: 2.6;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-ag {
    stroke: var(--ent-accent-2);
    stroke-width: 2.6;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-ering {
    fill: none;
    stroke: var(--ent-dark-ink);
    stroke-opacity: .16;
    stroke-width: 1;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-earc {
    fill: none;
    stroke: var(--ent-accent-2);
    stroke-width: 2.2;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-earc2 {
    fill: none;
    stroke: var(--ent-dark-ink-1);
    stroke-width: 1.2;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-edot {
    fill: var(--ent-accent-2)
}

.ent-stage[b-8rp5hlurwy]  .f-cell {
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-rank {
    font-family: var(--ent-f-mono);
    font-weight: 500;
    fill: var(--ent-dark-ink-1);
    text-anchor: middle
}

.ent-stage[b-8rp5hlurwy]  .f-scan {
    stroke: var(--ent-accent-2);
    stroke-width: 1.2;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-gate {
    fill: var(--ent-dark-wash);
    stroke: var(--ent-dark-ink);
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-ring {
    fill: none;
    stroke: var(--ent-accent-2);
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-surge {
    fill: none;
    stroke: var(--ent-accent-2);
    stroke-width: 7;
    stroke-linecap: round
}

.ent-stage[b-8rp5hlurwy]  .f-dbf {
    fill: var(--ent-dark-wash)
}

.ent-stage[b-8rp5hlurwy]  .f-dbl {
    fill: var(--ent-accent-2)
}

.ent-stage[b-8rp5hlurwy]  .f-db {
    fill: none;
    stroke: var(--ent-dark-ink-1);
    stroke-width: 1.1;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-dbt {
    fill: var(--ent-dark-wash);
    stroke: var(--ent-dark-ink-1);
    stroke-width: 1.1;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-chip {
    fill: var(--ent-dark-wash);
    fill-opacity: .74;
    stroke: var(--ent-dark-ink);
    stroke-opacity: .14;
    stroke-width: 1;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-chip--big {
    fill-opacity: .92
}

.ent-stage[b-8rp5hlurwy]  .f-ci {
    fill: var(--ent-dark-ink-2);
    stroke: var(--ent-dark-ink-2);
    stroke-width: 1.3;
    vector-effect: non-scaling-stroke
}

.ent-stage[b-8rp5hlurwy]  .f-l {
    font-family: var(--ent-f-ui);
    font-weight: 600;
    letter-spacing: .12em;
    fill: var(--ent-dark-ink-2)
}

.ent-stage[b-8rp5hlurwy]  .f-l--acc {
    fill: var(--ent-accent-2)
}

.ent-stage[b-8rp5hlurwy]  .f-l--big {
    fill: var(--ent-dark-ink)
}

.ent-stage-ctl[b-8rp5hlurwy] {
    position: absolute;
    right: 1.5rem;
    bottom: .4rem;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--ent-dark-ink) 14%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--ent-dark-wash) 70%, transparent);
    color: var(--ent-dark-ink-2);
    cursor: pointer;
    transition: color .15s, border-color .15s;
}

    .ent-stage-ctl[hidden][b-8rp5hlurwy] {
        display: none;
    }

    .ent-stage-ctl:hover[b-8rp5hlurwy] {
        color: var(--ent-dark-ink);
        border-color: color-mix(in srgb, var(--ent-accent-2) 55%, transparent);
    }

    .ent-stage-ctl:focus-visible[b-8rp5hlurwy] {
        outline: 2px solid var(--ent-accent-2);
        outline-offset: 2px;
        color: var(--ent-dark-ink);
    }

    .ent-stage-ctl svg[b-8rp5hlurwy] {
        width: .8rem;
        height: .8rem;
        display: block;
        overflow: visible;
    }

    .ent-stage-ctl .i-play[b-8rp5hlurwy], .ent-stage-ctl .i-replay[b-8rp5hlurwy], .ent-stage-ctl[data-state="paused"] .i-pause[b-8rp5hlurwy], .ent-stage-ctl[data-state="rest"] .i-pause[b-8rp5hlurwy] {
        display: none;
    }

    .ent-stage-ctl[data-state="paused"] .i-play[b-8rp5hlurwy], .ent-stage-ctl[data-state="rest"] .i-replay[b-8rp5hlurwy] {
        display: inline;
    }

.ent-stage[b-8rp5hlurwy] {
    --ent-dark-wash: #2A2451;
    --ent-dark-ink-2: #CEC9E8;
    --ent-dark-ink-1: #E4E0F4;
}

.ent-stage-svg[b-8rp5hlurwy] {
    filter: brightness(1.3) saturate(1.1);
}

.ent-stage[b-8rp5hlurwy]  .f-box {
    stroke-width: 1.6;
}

.ent-stage[b-8rp5hlurwy]  .f-flow {
    stroke-width: 1.6;
    stroke-dasharray: 1.6 5.6;
}

.ent-stage[b-8rp5hlurwy]  .f-cell {
    stroke-width: 1.6;
}

.ent-stage[b-8rp5hlurwy]  .f-chev {
    stroke-width: 1.8;
}

.ent-stage[b-8rp5hlurwy]  .f-pi {
    stroke-width: 1.5;
}

.ent-stage[b-8rp5hlurwy]  .f-org {
    fill-opacity: .05;
    stroke-opacity: .5;
    stroke-width: 1.4;
}

.ent-stage[b-8rp5hlurwy]  .f-mkt {
    fill-opacity: .09;
    stroke-opacity: .62;
    stroke-width: 1.4;
}

.ent-stage[b-8rp5hlurwy]  .f-ering {
    stroke-opacity: .5;
}

.ent-stage[b-8rp5hlurwy]  .f-agt {
    stroke-opacity: .26;
}

.ent-stage[b-8rp5hlurwy]  .f-l--run {
    fill-opacity: .7;
}

.ent-section--trial[b-8rp5hlurwy] {
    padding-top: clamp(2.5rem, 4vw, 3.5rem);
    border-top: 0;
}

.ent-trial-card[b-8rp5hlurwy] {
    text-align: center;
    background: var(--ent-sheet);
    border: 1px solid var(--ent-border);
    border-radius: var(--ent-radius);
    padding: 3.2rem 2rem 3rem;
}

    .ent-trial-card .ent-trial-title[b-8rp5hlurwy] {
        font-size: clamp(1.3rem, 2.2vw, 1.65rem);
        margin: 0 0 2.25rem;
    }

.ent-trial-ctas[b-8rp5hlurwy] {
    display: flex;
    justify-content: center;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.ent-btn--outline[b-8rp5hlurwy] {
    background: var(--ent-sheet);
    color: var(--ent-ink);
    border: 1px solid var(--ent-border);
    box-shadow: none;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .ent-btn--outline:hover[b-8rp5hlurwy] {
        border-color: var(--ent-accent);
        transform: translateY(-1px);
        box-shadow: 0 8px 18px -10px rgba(2, 4, 9, 0.45);
    }

    .ent-btn--outline .fa-comment-dots[b-8rp5hlurwy] {
        color: var(--ent-accent);
    }

.ent-trial-ext[b-8rp5hlurwy] {
    font-size: 0.7em;
    opacity: 0.45;
}

@media (max-width: 640px) {
    .ent-trial-card[b-8rp5hlurwy] {
        padding: 2.4rem 1.25rem;
    }

        .ent-trial-card .ent-trial-title[b-8rp5hlurwy] {
            margin-bottom: 1.6rem;
        }

    .ent-trial-ctas .ent-btn[b-8rp5hlurwy] {
        width: 100%;
    }
}

.ent-section--contact[b-8rp5hlurwy] {
    background: radial-gradient(ellipse 60% 55% at 50% 0%, rgba(var(--ent-glow), 0.30), transparent 70%), var(--ent-dark);
    border-top: 1px solid var(--ent-dark-rule);
}

.ent-contact-head[b-8rp5hlurwy] {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.ent-contact-title[b-8rp5hlurwy] {
    max-width: 600px;
    margin: 0 0 0.7rem;
    font-family: var(--ent-f-display);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: var(--ent-dark-ink);
}

.ent-contact-sub[b-8rp5hlurwy] {
    max-width: 600px;
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.55;
    color: var(--ent-dark-ink-1);
}

    .ent-contact-sub + .ent-contact-sub[b-8rp5hlurwy] {
        margin-top: 0.85rem;
    }

.ent-form-note[b-8rp5hlurwy] {
    margin: 1.1rem 0 0;
    font-size: 0.85rem;
    line-height: 1.55;
    color: var(--ent-dark-ink-2);
}

.ent-shifts[b-8rp5hlurwy] {
    max-width: 880px;
    margin: 2.2rem auto 0;
}

.ent-shift-legend[b-8rp5hlurwy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.8rem;
    margin: 0 0 0.4rem;
    font-family: var(--ent-f-mono);
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.ent-shift-legend-from[b-8rp5hlurwy] {
    text-align: right;
    color: var(--ent-ink-2);
}

.ent-shift-legend-to[b-8rp5hlurwy] {
    text-align: left;
    color: var(--ent-accent);
}

.ent-shift-list[b-8rp5hlurwy] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ent-shift[b-8rp5hlurwy] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1.1rem;
    padding: 0.85rem 0;
    border-bottom: 1px solid var(--ent-border-soft);
}

    .ent-shift:last-child[b-8rp5hlurwy] {
        border-bottom: none;
    }

.ent-shift-from[b-8rp5hlurwy] {
    text-align: right;
    color: var(--ent-ink-soft);
    font-size: 0.97rem;
    line-height: 1.4;
}

.ent-shift-arrow[b-8rp5hlurwy] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--ent-tint);
    color: var(--ent-accent);
    font-size: 0.7rem;
}

.ent-shift-to[b-8rp5hlurwy] {
    text-align: left;
    color: var(--ent-ink);
    font-weight: 600;
    font-size: 0.97rem;
    line-height: 1.4;
}

@media (max-width: 620px) {
    .ent-shift-legend[b-8rp5hlurwy] {
        display: none;
    }

    .ent-shift[b-8rp5hlurwy] {
        grid-template-columns: 1fr;
        gap: 0.25rem;
        padding: 1rem 0;
        text-align: center;
    }

    .ent-shift-from[b-8rp5hlurwy],
    .ent-shift-to[b-8rp5hlurwy] {
        text-align: center;
    }

    .ent-shift-arrow[b-8rp5hlurwy] {
        margin: 0.15rem auto;
    }

        .ent-shift-arrow i[b-8rp5hlurwy] {
            transform: rotate(90deg);
        }
}

.ent-def-cards[b-8rp5hlurwy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.2rem;
    margin: 2.6rem 0 1.2rem;
    text-align: left;
}

.ent-def-card[b-8rp5hlurwy] {
    background: var(--ent-sheet);
    border: 1px solid var(--ent-border);
    border-radius: var(--ent-radius);
    padding: 1.9rem 2.1rem;
    box-shadow: none;
}

.ent-def-card--wide[b-8rp5hlurwy] {
    margin: 0 0 1.6rem;
    padding: 2rem 2.3rem 1.5rem;
}

.ent-def-card .ent-sub[b-8rp5hlurwy] {
    max-width: none;
    margin: 0;
    font-size: 1rem;
    line-height: 1.58;
}

.ent-def-card--wide .ent-shifts[b-8rp5hlurwy] {
    max-width: 900px;
    margin: 0 auto;
}

@media (max-width: 760px) {
    .ent-def-cards[b-8rp5hlurwy] {
        grid-template-columns: 1fr;
    }
}

.ent-pillar[b-8rp5hlurwy] {
    background: var(--ent-sheet);
    border: 1px solid var(--ent-border);
    border-radius: var(--ent-radius);
    padding: 2.2rem 2.4rem;
    margin-top: 1.2rem;
    text-align: left;
    box-shadow: none;
}

.ent-pillar-head[b-8rp5hlurwy] {
    display: flex;
    align-items: baseline;
    margin-bottom: 1rem;
}

    .ent-pillar-head h3[b-8rp5hlurwy] {
        margin: 0;
        font-size: 1.3rem;
        font-weight: 700;
        letter-spacing: -0.015em;
    }

.ent-pillar > p[b-8rp5hlurwy] {
    margin: 0;
    max-width: 78ch;
    color: var(--ent-ink-soft);
    font-size: 1.02rem;
    line-height: 1.62;
}

.ent-pillar-duo[b-8rp5hlurwy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.2rem;
    margin-top: 1.2rem;
}

    .ent-pillar-duo .ent-pillar[b-8rp5hlurwy] {
        margin-top: 0;
    }

.ent-pillar-cards[b-8rp5hlurwy] {
    margin-top: 1.8rem;
    gap: 1px;
    background: var(--ent-border-soft);
    border: 1px solid var(--ent-border-soft);
    border-radius: var(--ent-radius);
    overflow: hidden;
}

    .ent-pillar-cards .ent-card[b-8rp5hlurwy] {
        background: var(--ent-sheet);
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding: 1.35rem 1.45rem 1.5rem;
        transform: none;
        transition: background 0.2s ease;
    }

        .ent-pillar-cards .ent-card:hover[b-8rp5hlurwy] {
            background: var(--ent-light-2);
        }

        .ent-pillar-cards .ent-card > i[b-8rp5hlurwy] {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            border-radius: var(--ent-radius);
            background: var(--ent-tint);
            color: var(--ent-accent);
            font-size: 0.85rem;
            margin-bottom: 0.85rem;
        }

        .ent-pillar-cards .ent-card h4[b-8rp5hlurwy] {
            color: var(--ent-ink);
            font-size: 1.05rem;
            font-weight: 700;
            letter-spacing: -0.015em;
            line-height: 1.3;
            margin-bottom: 0.45rem;
        }

        .ent-pillar-cards .ent-card p[b-8rp5hlurwy] {
            font-size: 0.9rem;
        }

@media (max-width: 820px) {
    .ent-pillar-duo[b-8rp5hlurwy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .ent-pillar[b-8rp5hlurwy] {
        padding: 1.5rem 1.4rem;
    }
}

.ent-section--sense[b-8rp5hlurwy] {
    position: relative;
    background: linear-gradient(115deg, var(--ent-wash) 0%, color-mix(in srgb, var(--ent-tint) 60%, var(--ent-wash)) 100%);
    border-block: 1px solid var(--ent-border);
}

    .ent-section--sense[b-8rp5hlurwy]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(ellipse 40% 65% at 80% 55%, color-mix(in srgb, var(--ent-accent) 14%, transparent), transparent 70%);
    }

    .ent-section--sense > .ent-container[b-8rp5hlurwy] {
        position: relative;
        z-index: 1;
    }

    .ent-section--sense .ent-pill[b-8rp5hlurwy]::before {
        content: none;
    }

    .ent-section--sense .ent-pill[b-8rp5hlurwy] {
        color: var(--ent-accent);
    }

    .ent-section--sense .ent-card:hover[b-8rp5hlurwy] {
        border-color: color-mix(in srgb, var(--ent-accent) 42%, var(--ent-border));
    }

    .ent-section--sense .ent-gap-verdict[b-8rp5hlurwy]::before {
        background: var(--ent-accent);
    }

    .ent-section--sense + .ent-section[b-8rp5hlurwy] {
        border-top: 0;
    }

.ent-h1 .ent-h1-line--promise[b-8rp5hlurwy] {
    background: none;
    -webkit-text-fill-color: currentColor;
    color: var(--ent-accent-2);
}

.ent-page a:focus-visible[b-8rp5hlurwy],
.ent-page button:focus-visible[b-8rp5hlurwy],
.ent-page summary:focus-visible[b-8rp5hlurwy],
.ent-page .ent-input:focus-visible[b-8rp5hlurwy] {
    outline: 2px solid var(--ent-accent);
    outline-offset: 2px;
    border-radius: var(--ent-radius);
}

.ent-hero a:focus-visible[b-8rp5hlurwy],
.ent-section--dark a:focus-visible[b-8rp5hlurwy],
.ent-section--dark button:focus-visible[b-8rp5hlurwy],
.ent-footer a:focus-visible[b-8rp5hlurwy] {
    outline-color: var(--ent-accent-2);
}

@media (prefers-reduced-motion: reduce) {
    .ent-card[b-8rp5hlurwy],
    .ent-card:hover[b-8rp5hlurwy],
    .ent-trust[b-8rp5hlurwy],
    .ent-gap-verdict[b-8rp5hlurwy] {
        transition: none;
        transform: none;
    }
}

@media (max-width: 620px) {
    .ent-gap-verdict[b-8rp5hlurwy] {
        font-size: 1.2rem;
    }
}

.ent-thesis > .ent-container > .ent-sub[b-8rp5hlurwy] {
    max-width: 54ch;
    font-size: 1.03rem;
    line-height: 1.58;
}

.ent-section--sense > .ent-container > .ent-sub[b-8rp5hlurwy] {
    max-width: 60ch;
    line-height: 1.58;
}

.ent-thesis-kicker[b-8rp5hlurwy] {
    font-family: var(--ent-f-display);
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    font-weight: 700;
    letter-spacing: -0.015em;
    color: #EEEAF8;
    text-align: center;
    margin: 1.9rem auto 0.4rem;
    max-width: 54ch;
}


.ent-hero-sub[b-8rp5hlurwy] {
    max-width: 60rem;
    margin: 1.1rem auto 0;
    font-size: clamp(1.05rem, 1.7vw, 1.3rem);
    font-weight: 600;
    line-height: 1.35;
    color: var(--ent-dark-ink-1);
    text-wrap: balance;
}
/* /Components/AinnaPages/InnovationPortal.razor.rz.scp.css */
.hoi-root[b-cfluptgmvs] {
    --canvas: #F8F7F4;
    --surface: #FFFFFF;
    --surface-2: #F1F0EC;
    --surface-3: #E7E5DF;
    --ink: #161514;
    --ink-2: #54524C;
    --ink-3: #8E8C84;
    --line: rgba(22,21,20,0.10);
    --line-2: rgba(22,21,20,0.18);
    --brand: #5847F2;
    --brand-2: #4A38D6;
    --brand-ink: #2E2099;
    --accent: #0E7C66;
    --accent-soft: #E0F0EA;
    --accent-ink: #0A5A4A;
    --gold: #9A7B2E;
    --gold-soft: #F4ECD8;
    --gold-ink: #6E561C;
    --inside: #3A4FB8;
    --inside-soft: #E8EBF8;
    --inside-ink: #293A8E;
    --spark: #B23A48;
    --spark-soft: #F6E4E6;
    --spark-ink: #822730;
    --ok: #1C7A4F;
    --ok-soft: #E0F0E8;
    --ok-ink: #125539;
    --warn: #9A6612;
    --warn-soft: #F5EAD6;
    --warn-ink: #6E490B;
    --info: #2E5E8C;
    --info-soft: #E5EDF5;
    --info-ink: #1C436A;
    --prob: #A8442C;
    --prob-soft: #F6E7E1;
    --prob-ink: #7A2E1C;
    --ai-wash: #EEF1F8;
    --dark: #13233A;
    --dark-2: #1B3149;
    --dark-3: #26425E;
    --dark-line: rgba(255,255,255,0.14);
    --dark-ink-2: #AEBED0;
    --dark-ink-3: #7E92A8;
    --tool: #1B1E26;
    --tool-2: #252934;
    --tool-well: rgba(0,0,0,0.26);
    --tool-line: rgba(255,255,255,0.13);
    --tool-ctrl: rgba(255,255,255,0.07);
    --tool-ink: #FFFFFF;
    --tool-ink-2: rgba(255,255,255,0.64);
    --tool-ink-3: rgba(255,255,255,0.46);
    --tool-focus: rgba(120,150,188,0.62);
    --tool-accent: #96B9DE;
    --r-sm: 7px;
    --r-md: 11px;
    --r-control: 12px;
    --r-lg: 15px;
    --r-card: 16px;
    --r-xl: 20px;
    --r-2xl: 22px;
    --shadow-card: 0 14px 38px rgba(22,21,20,0.10);
    --shadow-tool: 0 18px 46px rgba(8,10,15,0.42),inset 0 1px 0 rgba(255,255,255,0.08);
    --gap-section: 60px;
    --pad-surface: 22px;
    --sans: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --serif: "Space Grotesk","Inter",sans-serif;
    --topbar-h: 60px;
    --strip-h: 34px;
    --advisor-h: 58px;
    background: var(--canvas);
    color: var(--ink);
    font-family: var(--sans);
    font-size: 15px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    min-height: 100vh;
}

    .hoi-root .sr-only[b-cfluptgmvs] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
    }

.topbar[b-cfluptgmvs] {
    position: sticky;
    top: 0;
    z-index: 45;
    height: var(--topbar-h);
    display: flex;
    align-items: center;
    padding: 0 20px;
    background: linear-gradient(180deg, rgba(248,247,244,0.94), rgba(248,247,244,0.80));
    -webkit-backdrop-filter: saturate(150%) blur(14px);
    backdrop-filter: saturate(150%) blur(14px);
    border-bottom: 0.5px solid var(--line);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.60), 0 10px 26px -20px rgba(22,21,20,0.30);
}

.tb-side[b-cfluptgmvs] {
    flex: 1;
    display: flex;
    align-items: center;
    min-width: 0;
}

.tb-right[b-cfluptgmvs] {
    justify-content: flex-end;
}

.tb-live[b-cfluptgmvs] {
    display: none;
    flex: 2;
    min-width: 0;
    align-items: center;
    gap: 13px;
    padding: 0 18px;
    font-size: 12px;
    overflow: hidden;
}

@media(min-width:760px) {
    .tb-live[b-cfluptgmvs] {
        display: flex;
    }
}

.brand[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.brand-logo[b-cfluptgmvs] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    object-fit: cover;
    flex-shrink: 0;
}

.brand-text[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.brand-client[b-cfluptgmvs] {
    font-family: var(--serif);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -0.01em;
    color: var(--ink);
}

.brand-sub[b-cfluptgmvs] {
    font-size: 10px;
    color: var(--ink-3);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 3px;
}

.icon-btn[b-cfluptgmvs] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 0.5px solid var(--line);
    background: var(--surface);
    color: var(--ink-2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .icon-btn:hover[b-cfluptgmvs] {
        background: var(--surface-2);
        color: var(--ink);
    }

    .icon-btn i[b-cfluptgmvs] {
        font-size: 18px;
    }

    .icon-btn .badge[b-cfluptgmvs] {
        position: absolute;
        top: 6px;
        right: 7px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--spark);
        border: 1.5px solid var(--canvas);
    }

.ach-card[b-cfluptgmvs] {
    cursor: pointer;
    transition: box-shadow .15s,transform .15s;
}

.ach-id[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 13px;
    margin-bottom: 13px;
    border-bottom: 0.5px solid var(--line);
}

.ach-av[b-cfluptgmvs] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--inside-soft);
    color: var(--inside-ink);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
}

.ach-id-meta b[b-cfluptgmvs] {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ink);
    display: block;
    line-height: 1.2;
}

.ach-id-meta span[b-cfluptgmvs] {
    font-size: 11px;
    color: var(--ink-3);
}

.ach-card:hover[b-cfluptgmvs] {
    box-shadow: 0 10px 26px rgba(22,21,20,.09);
    transform: translateY(-1px);
}

.ach-head[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.ach-ic[b-cfluptgmvs] {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: var(--gold-soft);
    color: var(--gold-ink);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .ach-ic i[b-cfluptgmvs] {
        font-size: 18px;
    }

.ach-head .acx b[b-cfluptgmvs] {
    font-size: 13px;
    font-weight: 700;
    color: var(--ink);
    display: block;
    line-height: 1.2;
}

.ach-head .acx span[b-cfluptgmvs] {
    font-size: 10.5px;
    color: var(--ink-3);
}

.ach-pts[b-cfluptgmvs] {
    margin-left: auto;
    text-align: right;
    line-height: 1;
    flex-shrink: 0;
}

    .ach-pts b[b-cfluptgmvs] {
        font-family: var(--serif);
        font-size: 21px;
        font-weight: 600;
        color: var(--ink);
    }

    .ach-pts span[b-cfluptgmvs] {
        font-size: 9px;
        color: var(--ink-3);
        display: block;
        margin-top: 3px;
        letter-spacing: .05em;
        text-transform: uppercase;
    }

.ach-bar[b-cfluptgmvs] {
    height: 6px;
    border-radius: 999px;
    background: var(--surface-3);
    overflow: hidden;
    margin-bottom: 7px;
}

    .ach-bar i[b-cfluptgmvs] {
        display: block;
        height: 100%;
        border-radius: 999px;
        background: linear-gradient(90deg,var(--gold),#C9A94A);
    }

.ach-next[b-cfluptgmvs] {
    font-size: 10.5px;
    color: var(--ink-3);
    margin-bottom: 12px;
}

    .ach-next b[b-cfluptgmvs] {
        color: var(--ink-2);
        font-weight: 600;
    }

.ach-stats[b-cfluptgmvs] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ach-stat[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    font-weight: 600;
    color: var(--ink-2);
    background: var(--surface-2);
    border-radius: 999px;
    padding: 5px 9px;
}

    .ach-stat i[b-cfluptgmvs] {
        font-size: 13px;
    }

    .ach-stat .fa-fire[b-cfluptgmvs] {
        color: var(--prob-ink);
    }

    .ach-stat .fa-medal[b-cfluptgmvs] {
        color: var(--gold-ink);
    }

    .ach-stat .fa-arrow-trend-up[b-cfluptgmvs] {
        color: var(--accent-ink);
    }
.rl-card.ach-card[b-cfluptgmvs] {
    background: linear-gradient(180deg,var(--tool-2),var(--tool));
    border: 1px solid var(--tool-line);
    box-shadow: var(--shadow-tool);
}

.ach-card .ach-id[b-cfluptgmvs] {
    border-bottom-color: rgba(255,255,255,.1);
}

.ach-card .ach-av[b-cfluptgmvs] {
    background: rgba(150,185,222,.18);
    color: #A9C7E6;
}

.ach-card .ach-id-meta b[b-cfluptgmvs] {
    color: #fff;
}

.ach-card .ach-id-meta span[b-cfluptgmvs] {
    color: rgba(255,255,255,.5);
}

.ach-card .ach-ic[b-cfluptgmvs] {
    background: var(--gold-soft);
    color: var(--gold-ink);
}

.ach-card .ach-head .acx b[b-cfluptgmvs] {
    color: #fff;
}

.ach-card .ach-head .acx span[b-cfluptgmvs] {
    color: rgba(255,255,255,.55);
}

.ach-card .ach-pts b[b-cfluptgmvs] {
    color: #fff;
}

.ach-card .ach-pts span[b-cfluptgmvs] {
    color: rgba(255,255,255,.45);
}

.ach-card .ach-bar[b-cfluptgmvs] {
    background: rgba(255,255,255,.1);
}

.ach-card .ach-next[b-cfluptgmvs] {
    color: rgba(255,255,255,.5);
}

    .ach-card .ach-next b[b-cfluptgmvs] {
        color: rgba(255,255,255,.78);
    }

.ach-card .ach-stat[b-cfluptgmvs] {
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.78);
}

    .ach-card .ach-stat .fa-fire[b-cfluptgmvs] {
        color: #E8956F;
    }

    .ach-card .ach-stat .fa-medal[b-cfluptgmvs] {
        color: var(--gold);
    }

    .ach-card .ach-stat .fa-arrow-trend-up[b-cfluptgmvs] {
        color: #7FC8B4;
    }

.ach-card:hover[b-cfluptgmvs] {
    box-shadow: 0 14px 32px rgba(8,10,15,.45);
    transform: translateY(-1px);
}

.ai-card[b-cfluptgmvs] {
    background: linear-gradient(160deg,var(--ai-wash),var(--surface));
    border-color: var(--line-2);
}

.ai-head[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 11px;
}

.ai-av[b-cfluptgmvs] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--brand);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .ai-av i[b-cfluptgmvs] {
        font-size: 17px;
    }

.ai-head .acx b[b-cfluptgmvs] {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--brand-ink);
    display: block;
    line-height: 1.2;
}

.ai-sub[b-cfluptgmvs] {
    font-size: 10px;
    color: var(--accent-ink);
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.ai-on[b-cfluptgmvs] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent);
}

.ai-thread[b-cfluptgmvs] {
    min-height: 180px;
    height: 240px;
    max-height: 60vh;
    resize: vertical;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-bottom: 10px;
    padding-right: 3px;
    scrollbar-width: thin;
}

    .ai-thread[b-cfluptgmvs]::-webkit-scrollbar {
        width: 6px;
    }

    .ai-thread[b-cfluptgmvs]::-webkit-scrollbar-thumb {
        background: var(--line-2);
        border-radius: 4px;
    }

.ai-row[b-cfluptgmvs] {
    display: flex;
    gap: 7px;
    align-items: flex-end;
    max-width: 90%;
}

    .ai-row.me[b-cfluptgmvs] {
        align-self: flex-end;
        flex-direction: row-reverse;
    }

.ai-bub-av[b-cfluptgmvs] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--brand);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-bottom: 1px;
}

    .ai-bub-av i[b-cfluptgmvs] {
        font-size: 12px;
    }

.ai-msg[b-cfluptgmvs] {
    font-size: 12px;
    line-height: 1.5;
    color: var(--ink-2);
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    border-radius: 4px 13px 13px 13px;
    padding: 9px 12px;
}

.ai-row.me .ai-msg[b-cfluptgmvs] {
    color: #fff;
    background: var(--brand);
    border-color: transparent;
    border-radius: 13px 4px 13px 13px;
}

.ai-typing[b-cfluptgmvs] {
    display: flex;
    gap: 3px;
    padding: 10px 12px;
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    border-radius: 4px 13px 13px 13px;
}

    .ai-typing i[b-cfluptgmvs] {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--ink-3);
        animation: invblink-b-cfluptgmvs 1s infinite;
    }

        .ai-typing i:nth-child(2)[b-cfluptgmvs] {
            animation-delay: .15s;
        }

        .ai-typing i:nth-child(3)[b-cfluptgmvs] {
            animation-delay: .3s;
        }

.ai-sugs[b-cfluptgmvs] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 11px;
}

.ai-sug[b-cfluptgmvs] {
    font-size: 11px;
    font-weight: 600;
    color: var(--brand-ink);
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-radius: 999px;
    padding: 6px 11px;
}

    .ai-sug:hover[b-cfluptgmvs] {
        border-color: var(--brand-2);
    }

.ai-pill[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 7px;
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    border-radius: 999px;
    padding: 5px 5px 5px 14px;
    transition: border-color .15s,box-shadow .15s;
}

    .ai-pill:focus-within[b-cfluptgmvs] {
        border-color: var(--brand-2);
        box-shadow: 0 0 0 3px rgba(74,56,214,.12);
    }

.ai-input[b-cfluptgmvs] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: inherit;
    font-size: 12.5px;
    color: var(--ink);
    padding: 0;
    border-radius: 0;
    width: auto;
}

    .ai-input[b-cfluptgmvs]::placeholder {
        color: var(--ink-3);
    }

.ai-mic[b-cfluptgmvs] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 0.5px solid var(--line);
    background: var(--surface);
    color: var(--ink-2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .ai-mic:hover[b-cfluptgmvs] {
        background: var(--surface-2);
        color: var(--ink);
    }

    .ai-mic i[b-cfluptgmvs] {
        font-size: 15px;
    }

.ai-send[b-cfluptgmvs] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--brand);
    color: #fff;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .ai-send:hover[b-cfluptgmvs] {
        background: var(--brand-2);
    }

    .ai-send i[b-cfluptgmvs] {
        font-size: 15px;
    }
.ai-island[b-cfluptgmvs] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 120;
    width: 380px;
    max-width: calc(100vw - 32px);
    display: flex;
    flex-direction: column;
    border-radius: var(--r-2xl);
    background: linear-gradient(180deg,var(--tool-2),var(--tool));
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    backdrop-filter: blur(20px) saturate(150%);
    border: 1px solid var(--tool-line);
    box-shadow: var(--shadow-tool);
    transition: box-shadow .3s,transform .2s,border-color .3s;
    padding: 7px;
}

    .ai-island:not(.open):hover[b-cfluptgmvs] {
        transform: translateY(-2px);
        border-color: rgba(255,255,255,.2);
    }

    .ai-island.open[b-cfluptgmvs] {
        box-shadow: 0 36px 90px rgba(8,10,15,.65),0 4px 14px rgba(8,10,15,.45),inset 0 1px 0 rgba(255,255,255,.1);
    }
.aii-panel[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .44s cubic-bezier(.22,.7,.25,1),opacity .3s,margin .44s cubic-bezier(.22,.7,.25,1);
    margin: 0;
}

.ai-island.open .aii-panel[b-cfluptgmvs] {
    max-height: var(--aii-h,80vh);
    opacity: 1;
    margin: 0 0 7px;
    background: rgba(0,0,0,.22);
    border: 0.5px solid rgba(255,255,255,.07);
    border-radius: 16px;
    padding: 6px 14px 12px;
}

.ai-island.resizing .aii-panel[b-cfluptgmvs] {
    transition: none;
}

.aii-grip[b-cfluptgmvs] {
    flex-shrink: 0;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: ns-resize;
    margin: 0 0 2px;
    touch-action: none;
}

    .aii-grip span[b-cfluptgmvs] {
        width: 32px;
        height: 4px;
        border-radius: 999px;
        background: rgba(255,255,255,.16);
        transition: background .15s;
    }

    .aii-grip:hover span[b-cfluptgmvs] {
        background: rgba(255,255,255,.4);
    }

.aii-head[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 4px 2px 12px;
    border-bottom: 0.5px solid rgba(255,255,255,.09);
    flex-shrink: 0;
}

    .aii-head .ai-av[b-cfluptgmvs] {
        width: 34px;
        height: 34px;
    }

    .aii-head .acx b[b-cfluptgmvs] {
        font-size: 14px;
        color: #fff;
    }

    .aii-head .ai-sub[b-cfluptgmvs] {
        color: rgba(255,255,255,.5);
    }

.aii-min[b-cfluptgmvs] {
    margin-left: auto;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 0.5px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.05);
    color: rgba(255,255,255,.65);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

    .aii-min:hover[b-cfluptgmvs] {
        background: rgba(255,255,255,.13);
        color: #fff;
    }

    .aii-min i[b-cfluptgmvs] {
        font-size: 17px;
    }
.aii-panel .ai-thread[b-cfluptgmvs] {
    flex: 1;
    height: auto;
    min-height: 150px;
    max-height: none;
    resize: none;
    margin: 13px 0 11px;
    padding-right: 5px;
}

.aii-panel .ai-msg[b-cfluptgmvs] {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.07);
    color: rgba(255,255,255,.88);
}

.aii-panel .ai-row.me .ai-msg[b-cfluptgmvs] {
    background: var(--brand);
    border-color: transparent;
    color: #fff;
}

.aii-panel .ai-typing[b-cfluptgmvs] {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.07);
}

    .aii-panel .ai-typing i[b-cfluptgmvs] {
        background: rgba(255,255,255,.5);
    }
.ai-cardwrap[b-cfluptgmvs] {
    flex: 1;
    min-width: 0;
}

.aic[b-cfluptgmvs] {
    background: rgba(255,255,255,.07);
    border: 0.5px solid rgba(255,255,255,.12);
    border-left: 2.5px solid var(--brand-2);
    border-radius: 4px 13px 13px 13px;
    padding: 12px 13px;
}

    .aic.problem[b-cfluptgmvs] {
        border-left-color: var(--prob);
    }

    .aic.idea[b-cfluptgmvs] {
        border-left-color: var(--gold);
    }

    .aic.pain[b-cfluptgmvs] {
        border-left-color: var(--spark);
    }

    .aic.market[b-cfluptgmvs] {
        border-left-color: var(--accent);
    }

.aic-type[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    margin-bottom: 8px;
}

    .aic-type i[b-cfluptgmvs] {
        font-size: 13px;
    }

.aic.problem .aic-type i[b-cfluptgmvs] {
    color: #E89B9B;
}

.aic.idea .aic-type i[b-cfluptgmvs] {
    color: var(--gold);
}

.aic.pain .aic-type i[b-cfluptgmvs] {
    color: var(--spark);
}

.aic.market .aic-type i[b-cfluptgmvs] {
    color: #7FC4B8;
}

.aic-stmt[b-cfluptgmvs] {
    font-family: var(--serif);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
    color: #fff;
    margin: 0;
    outline: none;
    border-radius: 6px;
    transition: box-shadow .15s,background .15s;
}

    .aic-stmt:focus[b-cfluptgmvs] {
        background: rgba(255,255,255,.07);
        box-shadow: 0 0 0 3px rgba(112,140,176,.25);
    }

.aic-relate[b-cfluptgmvs] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 11px;
    line-height: 1.4;
    color: rgba(255,255,255,.6);
    margin-top: 9px;
}

    .aic-relate i[b-cfluptgmvs] {
        font-size: 13px;
        color: rgba(255,255,255,.45);
        flex-shrink: 0;
        margin-top: 1px;
    }

    .aic-relate b[b-cfluptgmvs] {
        color: #fff;
        font-weight: 600;
    }

.aic-acts[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.aic-submit[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: var(--brand);
    border: 0;
    border-radius: 999px;
    padding: 8px 14px;
    cursor: pointer;
    transition: background .15s,transform .12s;
}

    .aic-submit:hover[b-cfluptgmvs] {
        background: var(--brand-2);
        transform: translateY(-1px);
    }

    .aic-submit i[b-cfluptgmvs] {
        font-size: 14px;
    }

.aic.problem .aic-submit[b-cfluptgmvs] {
    background: var(--prob-ink);
}

.aic.idea .aic-submit[b-cfluptgmvs] {
    background: var(--gold-ink);
}

.aic.market .aic-submit[b-cfluptgmvs] {
    background: var(--accent-ink);
}

.aic-redo[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 600;
    color: rgba(255,255,255,.6);
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 6px 4px;
}

    .aic-redo:hover[b-cfluptgmvs] {
        color: #fff;
    }

    .aic-redo i[b-cfluptgmvs] {
        font-size: 14px;
    }

.aic-done[b-cfluptgmvs] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.aic-done-ic[b-cfluptgmvs] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(95,208,168,.2);
    color: #5FD0A8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .aic-done-ic i[b-cfluptgmvs] {
        font-size: 17px;
    }

.aic-done b[b-cfluptgmvs] {
    font-size: 13px;
    color: #fff;
    display: block;
    line-height: 1.3;
}

.aic-done span[b-cfluptgmvs] {
    font-size: 11px;
    color: rgba(255,255,255,.6);
    line-height: 1.45;
    display: block;
    margin-top: 3px;
}
.aii-starters[b-cfluptgmvs] {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
}

.aii-st-lead[b-cfluptgmvs] {
    font-size: 12px;
    font-weight: 500;
    color: rgba(255,255,255,.5);
    margin-right: 1px;
}

.aii-chip[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: rgba(255,255,255,.08);
    border: 0.5px solid rgba(255,255,255,.14);
    border-radius: 999px;
    padding: 6px 12px;
    cursor: pointer;
    transition: background .15s,border-color .15s,transform .12s;
}

    .aii-chip i[b-cfluptgmvs] {
        font-size: 13px;
        color: var(--tool-accent);
    }

    .aii-chip:hover[b-cfluptgmvs] {
        background: rgba(255,255,255,.16);
        border-color: rgba(255,255,255,.3);
        transform: translateY(-1px);
    }

.aii-panel .ai-sugs[b-cfluptgmvs] {
    display: none;
}
.aii-intro[b-cfluptgmvs] {
    display: none;
}

.aii-intro-head[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 11px;
}

    .aii-intro-head .ai-av[b-cfluptgmvs] {
        width: 32px;
        height: 32px;
    }

    .aii-intro-head .acx b[b-cfluptgmvs] {
        font-size: 14px;
        color: #fff;
    }

    .aii-intro-head .ai-sub[b-cfluptgmvs] {
        color: rgba(255,255,255,.5);
    }

.aii-intro-line[b-cfluptgmvs] {
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255,255,255,.78);
    margin: 0 0 12px;
}

.aii-intro-chips[b-cfluptgmvs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}

.aii-intro-chip[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: rgba(255,255,255,.08);
    border: 0.5px solid rgba(255,255,255,.14);
    border-radius: 999px;
    padding: 6px 12px;
    cursor: pointer;
    transition: background .15s,border-color .15s,transform .12s;
}

    .aii-intro-chip i[b-cfluptgmvs] {
        font-size: 13px;
        color: var(--tool-accent);
    }

    .aii-intro-chip:hover[b-cfluptgmvs] {
        background: rgba(255,255,255,.16);
        border-color: rgba(255,255,255,.3);
        transform: translateY(-1px);
    }
.aii-bar[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 8px 8px 14px;
    flex-shrink: 0;
    background: rgba(255,255,255,.09);
    border: 0.5px solid rgba(255,255,255,.13);
    border-radius: 15px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    transition: border-color .15s,background .15s;
}

    .aii-bar:focus-within[b-cfluptgmvs] {
        border-color: rgba(112,140,176,.6);
        background: rgba(255,255,255,.12);
    }

.aii-spark[b-cfluptgmvs] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg,var(--brand),#1B3149);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 10px rgba(74,56,214,.5);
}

    .aii-spark i[b-cfluptgmvs] {
        font-size: 17px;
    }

.aii-input[b-cfluptgmvs] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: inherit;
    font-size: 13.5px;
    color: #fff;
    padding: 0;
    border-radius: 0;
    width: auto;
}

    .aii-input[b-cfluptgmvs]::placeholder {
        color: rgba(255,255,255,.5);
    }

.aii-icon[b-cfluptgmvs] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background .15s,transform .15s;
}

    .aii-icon i[b-cfluptgmvs] {
        font-size: 16px;
    }

.aii-max[b-cfluptgmvs] {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.7);
}

    .aii-max:hover[b-cfluptgmvs] {
        background: rgba(255,255,255,.18);
        color: #fff;
    }

.aii-send[b-cfluptgmvs] {
    background: var(--brand);
    color: #fff;
}

    .aii-send:hover[b-cfluptgmvs] {
        background: var(--brand-2);
        transform: scale(1.06);
    }

@media(max-width:560px) {
    .ai-island[b-cfluptgmvs] {
        right: 12px;
        left: 12px;
        bottom: 74px;
        width: auto;
        max-width: none;
    }

        .ai-island.open .aii-panel[b-cfluptgmvs] {
            max-height: var(--aii-h,76vh);
        }
}
.rail-pinned[b-cfluptgmvs], .rail-rest[b-cfluptgmvs] {
    display: contents;
}

.dot[b-cfluptgmvs] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ok);
    animation: pulse-b-cfluptgmvs 2s ease-in-out infinite;
    flex-shrink: 0;
}

.dot-spark[b-cfluptgmvs] {
    background: var(--gold);
    animation-duration: 1.6s;
}

@keyframes pulse-b-cfluptgmvs {
    0%,100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: .4;
        transform: scale(.82);
    }
}

.shell[b-cfluptgmvs] {
    display: block;
    width: 100%;
    padding: 18px;
}

.navrail[b-cfluptgmvs] {
    display: none;
}

.main[b-cfluptgmvs] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .main > section[b-cfluptgmvs] {
        margin-bottom: var(--gap-section);
    }

.rightrail[b-cfluptgmvs] {
    min-width: 0;
    margin-top: 44px;
    background: transparent !important;
}

.intent-head[b-cfluptgmvs] {
    margin-bottom: 22px;
}

.intent-kicker[b-cfluptgmvs] {
    font-size: 11px;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: var(--ink-3);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 11px;
}

    .intent-kicker .ik-ic[b-cfluptgmvs] {
        width: 24px;
        height: 24px;
        border-radius: 6px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        .intent-kicker .ik-ic i[b-cfluptgmvs] {
            font-size: 14px;
        }

.readby[b-cfluptgmvs] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    color: var(--brand-ink);
    text-transform: none;
    letter-spacing: 0.02em;
    font-weight: 500;
    background: var(--inside-soft);
    padding: 4px 10px;
    border-radius: 999px;
}

    .readby i[b-cfluptgmvs] {
        font-size: 12px;
    }

.intent-title[b-cfluptgmvs] {
    font-family: var(--serif);
    font-size: clamp(20px,1.9vw,26px);
    line-height: 1.22;
    letter-spacing: -0.01em;
    font-weight: 600;
    color: var(--ink);
    margin: 0 0 8px;
    max-width: 36ch;
}

    .intent-title em[b-cfluptgmvs] {
        font-style: normal;
        font-weight: 600;
        color: var(--ink-3);
    }

.intent-read[b-cfluptgmvs] {
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--ink-2);
    margin: 0;
    max-width: 74ch;
}

    .intent-read b[b-cfluptgmvs] {
        color: var(--ink);
        font-weight: 600;
    }

.sec-link[b-cfluptgmvs] {
    font-size: 13px;
    color: var(--brand-2);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

    .sec-link:hover[b-cfluptgmvs] {
        color: var(--brand-ink);
        text-decoration: underline;
    }

    .sec-link.mt[b-cfluptgmvs] {
        margin-top: 20px;
    }

.toolbar[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 18px 0 16px;
    flex-wrap: wrap;
}

.filters[b-cfluptgmvs] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.chip[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 13px;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 500;
    border: 0.5px solid var(--line);
    background: var(--surface);
    color: var(--ink-2);
}

    .chip:hover[b-cfluptgmvs] {
        border-color: var(--line-2);
        color: var(--ink);
    }

    .chip i[b-cfluptgmvs] {
        font-size: 14px;
    }

.chip-on[b-cfluptgmvs] {
    background: var(--inside-soft);
    color: var(--inside-ink);
    border-color: transparent;
}

.chip-prob.chip-on[b-cfluptgmvs] {
    background: var(--prob-soft);
    color: var(--prob-ink);
}

.scroll-hint[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    color: var(--ink-3);
}

    .scroll-hint i[b-cfluptgmvs] {
        font-size: 15px;
    }

.pill[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.pill-inside[b-cfluptgmvs] {
    background: var(--inside-soft);
    color: var(--inside-ink);
}

.pill-ok[b-cfluptgmvs] {
    background: var(--ok-soft);
    color: var(--ok-ink);
}

.pill-warn[b-cfluptgmvs] {
    background: var(--warn-soft);
    color: var(--warn-ink);
}

.pill-info[b-cfluptgmvs] {
    background: var(--info-soft);
    color: var(--info-ink);
}

.pill-spark[b-cfluptgmvs] {
    background: var(--spark-soft);
    color: var(--spark-ink);
}

.pill-prob[b-cfluptgmvs] {
    background: var(--prob-soft);
    color: var(--prob-ink);
}

.btn[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 15px;
    border-radius: var(--r-md);
    font-size: 13px;
    font-weight: 500;
    border: 0.5px solid var(--line-2);
    background: var(--surface);
    color: var(--ink);
}

    .btn:hover[b-cfluptgmvs] {
        background: var(--surface-2);
    }

    .btn i[b-cfluptgmvs] {
        font-size: 15px;
    }

.btn-brand[b-cfluptgmvs] {
    background: var(--brand);
    color: #fff;
    border-color: var(--brand);
}

    .btn-brand:hover[b-cfluptgmvs] {
        background: var(--brand-2);
    }

.purpose[b-cfluptgmvs] {
    position: relative;
    border-radius: var(--r-xl) var(--r-xl) 0 0;
    overflow: hidden;
    color: #fff;
    isolation: isolate;
    background: radial-gradient(115% 95% at 80% 14%, rgba(63,108,154,0.50), transparent 56%), radial-gradient(120% 140% at 82% 128%, rgba(8,16,28,0) 42%, rgba(6,13,24,0.78) 100%), linear-gradient(162deg, #1C3349 0%, #16283E 44%, #0E1B2C 100%);
}

    .purpose[b-cfluptgmvs]::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(circle at 1px 1px,rgba(255,255,255,0.045) 1px,transparent 0);
        background-size: 32px 32px;
        -webkit-mask-image: linear-gradient(112deg,#000 28%,transparent 74%);
        mask-image: linear-gradient(112deg,#000 28%,transparent 74%);
        pointer-events: none;
        z-index: 1;
    }

    .purpose[b-cfluptgmvs]::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.09), inset 0 -130px 120px -84px rgba(0,0,0,0.60);
        pointer-events: none;
        z-index: 1;
    }

.gen-av[b-cfluptgmvs] {
    position: relative;
    overflow: hidden;
}

    .gen-av[b-cfluptgmvs]::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: radial-gradient(circle at 32% 26%,rgba(255,255,255,0.28),rgba(255,255,255,0) 60%);
        pointer-events: none;
    }

    .gen-av > span[b-cfluptgmvs], .gen-av[b-cfluptgmvs] {
        color: #fff !important;
    }

.purpose-track[b-cfluptgmvs] {
    position: relative;
    height: 452px;
}

.pslide[b-cfluptgmvs] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: stretch;
    gap: 40px;
    padding: 48px 52px 52px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .7s ease, visibility .7s;
    z-index: 2;
}

    .pslide.on[b-cfluptgmvs] {
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }

.pslide-body[b-cfluptgmvs] {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 700px;
    align-self: center;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .7s ease .08s, transform .7s cubic-bezier(.16,1,.3,1) .08s;
}

.pslide.on .pslide-body[b-cfluptgmvs] {
    opacity: 1;
    transform: none;
}

.pslide-k[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--dark-ink-2);
    margin-bottom: 46px;
}

    .pslide-k[b-cfluptgmvs]::before {
        content: "";
        width: 24px;
        height: 1.5px;
        border-radius: 2px;
        background: linear-gradient(90deg,#D9C79A,rgba(217,199,154,0));
    }

.pslide-quote[b-cfluptgmvs] {
    position: relative;
    font-family: var(--serif);
    font-size: clamp(27px, 3.3vw, 40px);
    line-height: 1.18;
    letter-spacing: -0.015em;
    color: #fff;
    font-weight: 500;
    margin: 0;
    padding-top: 12px;
    overflow-wrap: break-word;
    text-wrap: balance;
}

    .pslide-quote[b-cfluptgmvs]::before {
        content: "\201C";
        position: absolute;
        left: -0.04em;
        top: -0.42em;
        font-size: 2.1em;
        line-height: 1;
        color: rgba(217,199,154,0.22);
        pointer-events: none;
        z-index: -1;
    }

    .pslide-quote[b-cfluptgmvs]::after {
        content: none;
    }

.pslide-sign[b-cfluptgmvs] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
    padding-top: 22px;
}

    .pslide-sign[b-cfluptgmvs]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 56px;
        height: 1px;
        background: linear-gradient(90deg,rgba(255,255,255,0.30),transparent);
    }

.pslide-face[b-cfluptgmvs] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #2E4A66;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    flex-shrink: 0;
    border: 1.5px solid rgba(255,255,255,0.22);
    box-shadow: 0 6px 16px rgba(0,0,0,0.42), 0 0 0 4px rgba(255,255,255,0.05);
}

.pslide-name[b-cfluptgmvs] {
    font-size: 14.5px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.005em;
}

.pslide-role[b-cfluptgmvs] {
    font-size: 11.5px;
    color: var(--dark-ink-2);
    letter-spacing: 0.02em;
    margin-top: 2px;
}
.pslide-photo[b-cfluptgmvs] {
    flex: 0 0 auto;
    align-self: stretch;
    width: min(48%, 424px);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
    margin: -12px -6px -52px 0;
    -webkit-mask-image: linear-gradient(180deg,#000 80%,transparent 100%);
    mask-image: linear-gradient(180deg,#000 80%,transparent 100%);
    filter: drop-shadow(0 26px 42px rgba(0,0,0,0.50));
    opacity: 0;
    transform: translateY(14px) scale(0.99);
    transition: opacity .8s ease .04s, transform .8s cubic-bezier(.16,1,.3,1) .04s;
}

.pslide.on .pslide-photo[b-cfluptgmvs] {
    opacity: 1;
    transform: none;
}

.pslide-photo.is-mono[b-cfluptgmvs] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    filter: none;
}

.pslide-photo .ph-fallback[b-cfluptgmvs] {
    width: 200px;
    height: 86%;
    border-radius: 160px 160px 0 0;
    background: linear-gradient(180deg,rgba(65,100,138,.55),rgba(27,49,73,.15));
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 34px;
    font-family: var(--serif);
    font-size: 64px;
    color: rgba(255,255,255,.4);
    -webkit-mask-image: linear-gradient(180deg,#000 70%,transparent 100%);
    mask-image: linear-gradient(180deg,#000 70%,transparent 100%);
}

.purpose-dots[b-cfluptgmvs] {
    position: absolute;
    left: 52px;
    bottom: 22px;
    display: flex;
    gap: 8px;
    z-index: 5;
}

.pdot[b-cfluptgmvs] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,.22);
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: background .3s, width .3s cubic-bezier(.16,1,.3,1);
}

    .pdot:hover[b-cfluptgmvs] {
        background: rgba(255,255,255,.42);
    }

    .pdot.on[b-cfluptgmvs] {
        background: linear-gradient(90deg,#E4D4A6,#C9A84C);
        width: 24px;
        border-radius: 5px;
        box-shadow: 0 1px 6px rgba(201,168,76,0.50);
    }

@media (prefers-reduced-motion: reduce) {
    .pslide-body[b-cfluptgmvs], .pslide-photo[b-cfluptgmvs] {
        transition: opacity .3s ease;
        transform: none;
    }

    .pslide.on .pslide-body[b-cfluptgmvs], .pslide.on .pslide-photo[b-cfluptgmvs] {
        transform: none;
    }
}

@media(min-width:760px) {
    .purpose-track[b-cfluptgmvs] {
        height: 500px;
    }

    .pslide[b-cfluptgmvs] {
        padding: 60px 60px 64px;
        gap: 52px;
    }

    .pslide-photo[b-cfluptgmvs] {
        margin-bottom: -64px;
    }

    .pslide-quote[b-cfluptgmvs] {
        font-size: clamp(32px, 3.3vw, 41px);
        line-height: 1.15;
    }
}

@media(max-width:560px) {
    .purpose-track[b-cfluptgmvs] {
        height: 384px;
    }

    .pslide-photo[b-cfluptgmvs] {
        display: none;
    }

    .pslide[b-cfluptgmvs] {
        padding: 32px 24px 36px;
    }

    .pslide-quote[b-cfluptgmvs] {
        font-size: 25px;
    }
}
.pillars-wrap[b-cfluptgmvs] {
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-top: 0;
    border-radius: 0 0 var(--r-xl) var(--r-xl);
    overflow: hidden;
}

.pillars-head[b-cfluptgmvs] {
    padding: 22px 26px 0;
    margin-bottom: 0;
}

.pillars3[b-cfluptgmvs] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1px;
    background: var(--line);
    margin-top: 18px;
    border-top: 0.5px solid var(--line);
    overflow: hidden;
}

.pil[b-cfluptgmvs] {
    background: var(--surface);
    padding: 26px 26px 30px;
    display: flex;
    flex-direction: column;
}

.pil-n[b-cfluptgmvs] {
    font-family: var(--serif);
    font-style: italic;
    font-size: 17px;
    color: var(--gold-ink);
    margin-bottom: 14px;
}

.pil-t[b-cfluptgmvs] {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--ink);
    margin: 0 0 12px;
}

.pil-ex[b-cfluptgmvs] {
    font-size: 13px;
    color: var(--ink-2);
    line-height: 1.6;
    margin: 0;
}

    .pil-ex b[b-cfluptgmvs] {
        color: var(--ink);
        font-weight: 700;
    }


.hack[b-cfluptgmvs] {
    position: relative;
    overflow: hidden;
    border-radius: var(--r-xl);
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    box-shadow: 0 1px 2px rgba(22,21,20,.05);
    display: grid;
    grid-template-columns: 1fr;
}

@media(min-width:820px) {
    .hack[b-cfluptgmvs] {
        grid-template-columns: 1fr 300px;
    }
}

.hack[b-cfluptgmvs]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg,var(--brand),var(--accent));
}

.hack-fx[b-cfluptgmvs] {
    display: none;
}

.hack-main[b-cfluptgmvs] {
    position: relative;
    padding: 24px 26px 22px;
}

.hack-badge[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.hack-live[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--brand-ink);
    background: var(--ai-wash);
    border: 0.5px solid var(--brand-2);
    border-radius: 999px;
    padding: 4px 11px;
}

.hack-live-dot[b-cfluptgmvs] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--brand);
    animation: hackpulse-b-cfluptgmvs 1.8s infinite;
}

@keyframes hackpulse-b-cfluptgmvs {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .35;
    }

    100% {
        opacity: 1;
    }
}

.hack-ed[b-cfluptgmvs] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ink-3);
}

.hack-title[b-cfluptgmvs] {
    font-family: var(--serif);
    font-size: clamp(26px,3.4vw,36px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -0.01em;
    color: var(--ink);
    margin: 0 0 9px;
}

.hack-theme[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    color: var(--ink-2);
    margin-bottom: 11px;
}

    .hack-theme i[b-cfluptgmvs] {
        font-size: 17px;
        color: var(--gold-ink);
    }

    .hack-theme b[b-cfluptgmvs] {
        font-weight: 600;
        color: var(--ink);
    }

.hack-tag[b-cfluptgmvs] {
    font-size: 13px;
    line-height: 1.6;
    color: var(--ink-2);
    margin: 0 0 18px;
    max-width: 58ch;
}

.hack-facts[b-cfluptgmvs] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 20px;
}

@media(min-width:520px) {
    .hack-facts[b-cfluptgmvs] {
        grid-template-columns: repeat(3,1fr);
    }
}

.hack-fact[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .hack-fact i[b-cfluptgmvs] {
        font-size: 19px;
        color: var(--accent-ink);
        flex-shrink: 0;
    }

    .hack-fact b[b-cfluptgmvs] {
        display: block;
        font-size: 13px;
        font-weight: 700;
        color: var(--ink);
        line-height: 1.2;
    }

    .hack-fact span[b-cfluptgmvs] {
        font-size: 11px;
        color: var(--ink-3);
    }

.hack-btn[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    padding: 11px 18px;
    border-radius: var(--r-md);
    border: 0;
    cursor: pointer;
    transition: background .15s,transform .15s;
}

    .hack-btn.primary[b-cfluptgmvs] {
        background: var(--brand);
        color: #fff;
    }

        .hack-btn.primary:hover[b-cfluptgmvs] {
            background: var(--brand-2);
            transform: translateY(-1px);
        }

    .hack-btn.ghost[b-cfluptgmvs] {
        background: var(--surface);
        border: 0.5px solid var(--line-2);
        color: var(--ink);
    }

        .hack-btn.ghost:hover[b-cfluptgmvs] {
            border-color: var(--brand-2);
        }

    .hack-btn i[b-cfluptgmvs] {
        font-size: 16px;
    }

.hack-spots[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--ink-3);
}

    .hack-spots i[b-cfluptgmvs] {
        font-size: 14px;
    }
.hack-side[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    background: var(--canvas);
    border-top: 0.5px solid var(--line);
}

@media(min-width:820px) {
    .hack-side[b-cfluptgmvs] {
        border-top: 0;
        border-left: 0.5px solid var(--line);
    }
}

.hack-count[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    padding: 20px 24px 16px;
}

.hack-count-l[b-cfluptgmvs] {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink-3);
}

.hack-clock[b-cfluptgmvs] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.hcu[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    max-width: 58px;
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    border-radius: 10px;
    padding: 10px 2px 7px;
}

    .hcu b[b-cfluptgmvs] {
        font-size: 25px;
        font-weight: 700;
        line-height: 1;
        color: var(--ink);
        font-variant-numeric: tabular-nums;
        letter-spacing: -0.01em;
    }

    .hcu span[b-cfluptgmvs] {
        font-size: 8.5px;
        font-weight: 600;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: var(--ink-3);
        margin-top: 6px;
    }

.hcsep[b-cfluptgmvs] {
    display: none;
}

.hack-act[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 9px;
    padding: 0 24px 20px;
    text-align: center;
}

.hack-urge[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--warn-ink);
    letter-spacing: .01em;
    margin-bottom: 1px;
}

    .hack-urge i[b-cfluptgmvs] {
        font-size: 14px;
    }

.hack-act .hack-spots[b-cfluptgmvs] {
    justify-content: center;
    margin-top: 1px;
}
.win-stats[b-cfluptgmvs] {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex-wrap: wrap;
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-radius: var(--r-lg);
    padding: 4px;
    margin-bottom: 20px;
}

.ws[b-cfluptgmvs] {
    flex: 1;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 12px 16px;
    border-radius: var(--r-md);
    background: transparent;
    border: 0;
    text-align: left;
}

.win-legend[b-cfluptgmvs] {
    display: flex;
    gap: 18px;
    margin: -6px 0 18px;
}

.wl[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11.5px;
    color: var(--ink-2);
    font-weight: 500;
}

    .wl em[b-cfluptgmvs] {
        font-style: normal;
        color: var(--ink-3);
        font-size: 10px;
        margin-left: 2px;
    }

.wl-d[b-cfluptgmvs] {
    width: 11px;
    height: 3px;
    border-radius: 2px;
    flex-shrink: 0;
}

.ws:hover[b-cfluptgmvs] {
    background: var(--surface-2);
}

.ws-n[b-cfluptgmvs] {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.01em;
    color: var(--ink);
}

.ws-l[b-cfluptgmvs] {
    font-size: 11.5px;
    color: var(--ink-2);
}

.ws-sep[b-cfluptgmvs] {
    width: 0.5px;
    background: var(--line);
    align-self: stretch;
    margin: 8px 0;
}

@media(max-width:560px) {
    .ws-sep[b-cfluptgmvs] {
        display: none;
    }

    .ws[b-cfluptgmvs] {
        min-width: 45%;
    }
}

.explorer[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.tl-card[b-cfluptgmvs] {
    background: none;
    border: 0;
    border-radius: 0;
    overflow: visible;
}

.tl-viewport[b-cfluptgmvs] {
    position: relative;
}

.tl-rail[b-cfluptgmvs] {
    position: relative;
    overflow-x: auto;
    padding: 18px 20px 18px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

    .tl-rail[b-cfluptgmvs]::-webkit-scrollbar {
        display: none;
    }

.ttrack[b-cfluptgmvs] {
    position: relative;
    width: 340%;
    min-width: 2700px;
    height: 700px;
}

.taxis[b-cfluptgmvs] {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 6px;
    transform: translateY(-50%);
    background: linear-gradient(90deg,var(--ok) 0%,var(--ok) 58%,var(--accent) 62%,var(--accent) 72%,var(--gold) 76%,var(--gold) 100%);
    border-radius: 6px;
    z-index: 2;
    box-shadow: 0 2px 7px rgba(22,21,20,.16),inset 0 1px 0 rgba(255,255,255,.5);
}

.tl-zone[b-cfluptgmvs] {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
}

    .tl-zone.past[b-cfluptgmvs] {
        left: 0;
        width: 61%;
        background: linear-gradient(90deg,rgba(22,21,20,.04),rgba(22,21,20,.015));
    }

    .tl-zone.now[b-cfluptgmvs] {
        left: 61%;
        width: 12%;
        background: linear-gradient(180deg,rgba(14,124,102,.13),rgba(14,124,102,.04));
        border-left: 1px dashed rgba(14,124,102,.3);
        border-right: 1px dashed rgba(14,124,102,.3);
    }

    .tl-zone.future[b-cfluptgmvs] {
        left: 73%;
        right: 0;
        background: linear-gradient(90deg,rgba(154,123,46,.05),rgba(154,123,46,.09));
    }

.tl-zonelabel[b-cfluptgmvs] {
    position: absolute;
    top: 9px;
    transform: translateX(-50%);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 3px 11px;
    border-radius: 999px;
    z-index: 1;
    white-space: nowrap;
}

    .tl-zonelabel.past[b-cfluptgmvs] {
        color: var(--ink-3);
        background: rgba(22,21,20,.055);
    }

    .tl-zonelabel.now[b-cfluptgmvs] {
        color: var(--accent-ink);
        background: var(--accent-soft);
        box-shadow: 0 1px 4px rgba(14,124,102,.15);
    }

    .tl-zonelabel.future[b-cfluptgmvs] {
        color: var(--gold-ink);
        background: var(--gold-soft);
    }

.tl-qmark[b-cfluptgmvs] {
    position: absolute;
    top: 6px;
    bottom: 6px;
    width: 1px;
    background: var(--line);
    z-index: 0;
}

    .tl-qmark span[b-cfluptgmvs] {
        position: absolute;
        bottom: -1px;
        left: 7px;
        font-size: 9.5px;
        color: var(--ink-3);
        font-weight: 700;
        letter-spacing: .03em;
        white-space: nowrap;
    }

.tnow-line[b-cfluptgmvs] {
    position: absolute;
    top: 6px;
    bottom: 6px;
    width: 1.5px;
    background: linear-gradient(180deg,rgba(14,124,102,.05),rgba(14,124,102,.32),rgba(14,124,102,.05));
    z-index: 0;
}

.tnow[b-cfluptgmvs] {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 6;
    pointer-events: none;
}

.tnow-dot[b-cfluptgmvs] {
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: var(--accent);
    border: 3px solid var(--surface-2);
    box-shadow: 0 0 0 0 rgba(14,124,102,.5);
    animation: tlpulse-b-cfluptgmvs 2s infinite;
}

.tnow-lbl[b-cfluptgmvs] {
    position: absolute;
    left: 50%;
    top: 16px;
    transform: translateX(-50%);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--accent-ink);
    white-space: nowrap;
}

@keyframes tlpulse-b-cfluptgmvs {
    0% {
        box-shadow: 0 0 0 0 rgba(14,124,102,.5);
    }

    70% {
        box-shadow: 0 0 0 9px rgba(14,124,102,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(14,124,102,0);
    }
}

.tnode[b-cfluptgmvs] {
    position: absolute;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 152px;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    z-index: 4;
}

    .tnode.above[b-cfluptgmvs] {
        bottom: calc(50% - 5px);
    }

    .tnode.below[b-cfluptgmvs] {
        top: calc(50% - 5px);
        flex-direction: column-reverse;
    }

.tn-tile[b-cfluptgmvs] {
    width: 100%;
    min-height: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    border-radius: 12px;
    padding: 11px 13px 11px 15px;
    text-align: left;
    position: relative;
    overflow: hidden;
    transition: border-color .2s,transform .2s,box-shadow .2s,opacity .2s,border-radius .3s cubic-bezier(.22,.7,.25,1);
    box-shadow: 0 1px 2px rgba(22,21,20,.05);
}

    .tn-tile[b-cfluptgmvs]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
    }

.tn-kind[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

    .tn-kind i[b-cfluptgmvs] {
        font-size: 11px;
    }

.tnode:hover .tn-tile[b-cfluptgmvs] {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(22,21,20,.1);
}

.tn-name[b-cfluptgmvs] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.22;
    color: var(--ink);
}

.tn-meta[b-cfluptgmvs] {
    display: block;
    font-size: 10px;
    color: var(--ink-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tn-conn[b-cfluptgmvs] {
    width: 1.5px;
    background: var(--line-2);
    flex-shrink: 0;
}

.tn-dot[b-cfluptgmvs] {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 3px solid var(--surface-2);
    flex-shrink: 0;
    transition: transform .15s;
    background: var(--ink-3);
    box-shadow: 0 1px 3px rgba(22,21,20,.2);
}

.tnode:hover .tn-dot[b-cfluptgmvs], .tnode.on .tn-dot[b-cfluptgmvs] {
    transform: scale(1.35);
}
.tnode.l1 .tn-conn[b-cfluptgmvs] {
    height: 22px;
}

.tnode.l2 .tn-conn[b-cfluptgmvs] {
    height: 118px;
}

.tnode.l3 .tn-conn[b-cfluptgmvs] {
    height: 214px;
}
.tnode.cat-innov .tn-tile[b-cfluptgmvs] {
    background: linear-gradient(180deg,#F4F3FB,var(--surface));
}

    .tnode.cat-innov .tn-tile[b-cfluptgmvs]::before {
        background: #5B61C4;
    }

.tnode.cat-innov .tn-kind[b-cfluptgmvs] {
    color: #5B61C4;
}

.tnode.cat-innov .tn-conn[b-cfluptgmvs] {
    border-left: 1.5px dashed #9CA0DE;
    background: none;
    width: 0;
}

.tnode.cat-innov .tn-dot[b-cfluptgmvs] {
    background: #5B61C4;
}

.tnode.cat-innov:hover .tn-tile[b-cfluptgmvs] {
    border-color: #9CA0DE;
}
.tnode.cat-project .tn-conn[b-cfluptgmvs] {
    background: var(--line-2);
}

.tnode.cat-project.done .tn-tile[b-cfluptgmvs]::before {
    background: #3E9C82;
}

.tnode.cat-project.done .tn-kind[b-cfluptgmvs] {
    color: #2F7A66;
}

.tnode.cat-project.done .tn-dot[b-cfluptgmvs] {
    background: #3E9C82;
}

.tnode.cat-project.now .tn-tile[b-cfluptgmvs]::before {
    background: #2E5E8C;
}

.tnode.cat-project.now .tn-kind[b-cfluptgmvs] {
    color: #2E5E8C;
}

.tnode.cat-project.now .tn-dot[b-cfluptgmvs] {
    background: #2E5E8C;
}

.tnode.cat-project.now .tn-tile[b-cfluptgmvs] {
    background: linear-gradient(180deg,#EEF4FA,var(--surface));
}

.tnode.cat-project.soon .tn-tile[b-cfluptgmvs]::before {
    background: #C99A3A;
}

.tnode.cat-project.soon .tn-kind[b-cfluptgmvs] {
    color: #9A7526;
}

.tnode.cat-project.soon .tn-dot[b-cfluptgmvs] {
    background: #C99A3A;
}

.tnode.cat-project:hover .tn-tile[b-cfluptgmvs] {
    border-color: var(--brand-2);
}
.tnode.cat-market .tn-tile[b-cfluptgmvs] {
    background: linear-gradient(165deg,#22384F,#16273A);
    border-color: rgba(255,255,255,.1);
    box-shadow: 0 4px 14px rgba(14,27,44,.22);
}

    .tnode.cat-market .tn-tile[b-cfluptgmvs]::before {
        background: #E0805C;
    }

.tnode.cat-market .tn-kind[b-cfluptgmvs] {
    color: #F0A888;
}

.tnode.cat-market .tn-name[b-cfluptgmvs] {
    color: #ECF1F6;
}

.tnode.cat-market .tn-meta[b-cfluptgmvs] {
    color: #9FB4CC;
}

.tnode.cat-market .tn-conn[b-cfluptgmvs] {
    border-left: 1.5px dotted #E0805C;
    background: none;
    width: 0;
}

.tnode.cat-market .tn-dot[b-cfluptgmvs] {
    background: #E0805C;
    border-color: var(--surface-2);
}

.tnode.cat-market:hover .tn-tile[b-cfluptgmvs] {
    box-shadow: 0 10px 24px rgba(14,27,44,.32);
}

.tnode.cat-market.killed .tn-tile[b-cfluptgmvs]::before {
    background: #B65151;
}

.tnode.cat-market.killed .tn-kind[b-cfluptgmvs] {
    color: #E59A9A;
}

.tnode.cat-market.killed .tn-dot[b-cfluptgmvs] {
    background: #B65151;
}

.tnode.cat-market.killed .tn-name[b-cfluptgmvs] {
    text-decoration: line-through;
    text-decoration-color: rgba(255,255,255,.4);
}

.tnode.past .tn-tile[b-cfluptgmvs] {
    opacity: .82;
}
.tn-exp[b-cfluptgmvs] {
    display: none;
}

.tnode.on[b-cfluptgmvs] {
    z-index: 60;
    width: 286px;
    flex-direction: column;
    align-items: flex-start;
}

    .tnode.on .tn-conn[b-cfluptgmvs], .tnode.on .tn-dot[b-cfluptgmvs] {
        display: none;
    }
    .tnode.on .tn-tile[b-cfluptgmvs] {
        position: relative;
        z-index: 1;
        width: 100%;
        order: 0;
        border-radius: 13px 13px 0 0;
        border-bottom: 0;
        transform: none;
        min-height: 0;
        box-shadow: 0 0 0 0.5px var(--line-2);
        transition: none;
    }

.tnode.cat-market.on .tn-tile[b-cfluptgmvs] {
    box-shadow: 0 0 0 0.5px rgba(255,255,255,.1);
}
.tnode.on .tn-exp[b-cfluptgmvs] {
    display: block;
    order: 1;
    width: 100%;
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    border-top: 0;
    border-radius: 0 0 13px 13px;
    box-shadow: 0 26px 64px rgba(22,21,20,.24);
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    animation: tnreveal-b-cfluptgmvs .5s cubic-bezier(.16,.84,.3,1) forwards;
}

.tnode.cat-market.on .tn-exp[b-cfluptgmvs] {
    background: linear-gradient(180deg,#1A2E43,#16273A);
    border-color: rgba(255,255,255,.1);
}
.tnode.below.on .tn-tile[b-cfluptgmvs] {
    order: 1;
    border-radius: 0 0 13px 13px;
    border-bottom: 0.5px solid var(--line-2);
    border-top: 0;
}

.tnode.below.on .tn-exp[b-cfluptgmvs] {
    order: 0;
    border-top: 0.5px solid var(--line-2);
    border-bottom: 0;
    border-radius: 13px 13px 0 0;
}

@keyframes tnreveal-b-cfluptgmvs {
    0% {
        max-height: 0;
        opacity: 0;
    }

    18% {
        opacity: 1;
    }

    100% {
        max-height: 380px;
        opacity: 1;
    }
}
.tnode.on .tne-body[b-cfluptgmvs] {
    animation: tnbody-b-cfluptgmvs .46s cubic-bezier(.16,.84,.3,1) .08s both;
}

@keyframes tnbody-b-cfluptgmvs {
    0% {
        opacity: 0;
        transform: translateY(-6px);
    }

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

.tne-body[b-cfluptgmvs] {
    padding: 13px 16px 15px;
}

.tne-narr[b-cfluptgmvs] {
    font-size: 12px;
    line-height: 1.5;
    color: var(--ink-2);
    margin: 0 0 12px;
}

.tne-facts[b-cfluptgmvs] {
    display: flex;
    gap: 8px;
    margin-bottom: 13px;
}

.tne-fact[b-cfluptgmvs] {
    flex: 1;
    background: var(--surface-2);
    border-radius: 9px;
    padding: 8px 7px;
    text-align: center;
}

    .tne-fact b[b-cfluptgmvs] {
        display: block;
        font-size: 13px;
        font-weight: 700;
        color: var(--ink);
        line-height: 1.1;
        font-variant-numeric: tabular-nums;
    }

    .tne-fact span[b-cfluptgmvs] {
        font-size: 8.5px;
        color: var(--ink-3);
        line-height: 1.2;
        display: block;
        margin-top: 3px;
    }

.tne-foot[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.tne-owner[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.tne-av[b-cfluptgmvs] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9.5px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
}

.tne-onm[b-cfluptgmvs] {
    font-size: 10.5px;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.15;
    white-space: nowrap;
}

.tne-orole[b-cfluptgmvs] {
    font-size: 9px;
    color: var(--ink-3);
}

.tne-act[b-cfluptgmvs] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 9px;
    background: var(--brand);
    color: #fff;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
}

    .tne-act:hover[b-cfluptgmvs] {
        background: var(--brand-2);
    }

    .tne-act i[b-cfluptgmvs] {
        font-size: 13px;
    }

.tne-badge[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--ink-2);
    background: var(--surface-2);
    border-radius: 999px;
    padding: 4px 10px;
    margin-bottom: 10px;
}

    .tne-badge i[b-cfluptgmvs] {
        font-size: 12px;
    }
.tnode.cat-innov.on .tne-badge[b-cfluptgmvs] {
    color: #4448A8;
    background: #EEEFFB;
}

.tnode.cat-project.done.on .tne-badge[b-cfluptgmvs] {
    color: #2F7A66;
    background: #E6F2EE;
}

.tnode.cat-project.now.on .tne-badge[b-cfluptgmvs] {
    color: #2E5E8C;
    background: #E8F1F9;
}

.tnode.cat-project.soon.on .tne-badge[b-cfluptgmvs] {
    color: #9A7526;
    background: #F7EFDD;
}
.tnode.cat-market.on .tne-badge[b-cfluptgmvs] {
    color: #F0A888;
    background: rgba(224,128,92,.18);
}

.tnode.cat-market.on .tne-narr[b-cfluptgmvs] {
    color: #CFE0EE;
}

.tnode.cat-market.on .tne-fact[b-cfluptgmvs] {
    background: rgba(255,255,255,.07);
}

    .tnode.cat-market.on .tne-fact b[b-cfluptgmvs] {
        color: #fff;
    }

    .tnode.cat-market.on .tne-fact span[b-cfluptgmvs] {
        color: #9FB4CC;
    }

.tnode.cat-market.on .tne-onm[b-cfluptgmvs] {
    color: #fff;
}

.tnode.cat-market.on .tne-orole[b-cfluptgmvs] {
    color: #9FB4CC;
}

.tnode.cat-market.killed.on .tne-badge[b-cfluptgmvs] {
    color: #E59A9A;
    background: rgba(182,81,81,.2);
}
.tl-scroll[b-cfluptgmvs] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    z-index: 5;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    transition: opacity .2s;
}

    .tl-scroll.left[b-cfluptgmvs] {
        left: 0;
        justify-content: flex-start;
        padding-left: 10px;
        background: linear-gradient(90deg,rgba(248,247,244,0.92),rgba(248,247,244,0));
    }

    .tl-scroll.right[b-cfluptgmvs] {
        right: 0;
        justify-content: flex-end;
        padding-right: 10px;
        background: linear-gradient(270deg,rgba(248,247,244,0.92),rgba(248,247,244,0));
    }

    .tl-scroll:disabled[b-cfluptgmvs] {
        opacity: 0;
        pointer-events: none;
    }

.tl-chev[b-cfluptgmvs] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.9);
    border: 0.5px solid var(--line-2);
    box-shadow: 0 3px 10px rgba(22,21,20,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-ink);
    transition: transform .15s,background .15s;
}

.tl-scroll:hover .tl-chev[b-cfluptgmvs] {
    transform: scale(1.08);
    background: #fff;
}

.tl-chev i[b-cfluptgmvs] {
    font-size: 20px;
}

.win-detail[b-cfluptgmvs] {
    display: grid;
    grid-template-columns: 1fr;
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-radius: var(--r-xl);
    overflow: hidden;
}

.wd-preview[b-cfluptgmvs] {
    position: relative;
    min-height: 200px;
    display: flex;
    align-items: flex-end;
    padding: 18px;
    overflow: hidden;
    color: #fff;
}

    .wd-preview[b-cfluptgmvs]::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(circle at 1px 1px,rgba(255,255,255,0.08) 1px,transparent 0);
        background-size: 22px 22px;
    }

.wd-prev-badge[b-cfluptgmvs] {
    position: relative;
    font-size: 10.5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 600;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(4px);
    padding: 5px 11px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .wd-prev-badge i[b-cfluptgmvs] {
        font-size: 13px;
    }

.wd-play[b-cfluptgmvs] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: transform .15s,background .15s;
}

    .wd-play:hover[b-cfluptgmvs] {
        transform: translate(-50%,-50%) scale(1.06);
        background: rgba(255,255,255,0.28);
    }

    .wd-play i[b-cfluptgmvs] {
        font-size: 26px;
        margin-left: 3px;
    }

.wd-info[b-cfluptgmvs] {
    padding: 20px 22px 20px;
    display: flex;
    flex-direction: column;
}

.wd-meta[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    font-size: 11.5px;
    color: var(--ink-3);
    margin-bottom: 11px;
}

.wd-title[b-cfluptgmvs] {
    font-family: var(--serif);
    font-size: clamp(20px,2.1vw,26px);
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -0.01em;
    margin-bottom: 10px;
}

.wd-narr[b-cfluptgmvs] {
    font-size: 14px;
    color: var(--ink-2);
    line-height: 1.6;
    margin: 0 0 16px;
}

.wd-facts[b-cfluptgmvs] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.wd-fact[b-cfluptgmvs] {
    background: var(--surface-2);
    border-radius: var(--r-md);
    padding: 10px 13px;
    min-width: 84px;
}

    .wd-fact b[b-cfluptgmvs] {
        display: block;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.01em;
    }

    .wd-fact span[b-cfluptgmvs] {
        font-size: 10.5px;
        color: var(--ink-2);
        margin-top: 4px;
        display: block;
    }

.wd-owner[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 12px;
    color: var(--ink-2);
    margin-bottom: 18px;
}

    .wd-owner .av-sm[b-cfluptgmvs] {
        width: 28px;
        height: 28px;
    }

    .wd-owner b[b-cfluptgmvs] {
        color: var(--ink);
        font-weight: 600;
    }

.wd-actions[b-cfluptgmvs] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: auto;
}

.wd-btn[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 16px;
    border-radius: var(--r-md);
    border: 0.5px solid var(--line);
    background: var(--surface);
    color: var(--ink);
}

    .wd-btn:hover[b-cfluptgmvs] {
        background: var(--surface-2);
    }

    .wd-btn i[b-cfluptgmvs] {
        font-size: 16px;
    }

    .wd-btn.primary[b-cfluptgmvs] {
        background: var(--brand);
        color: #fff;
        border-color: var(--brand);
    }

        .wd-btn.primary:hover[b-cfluptgmvs] {
            background: var(--brand-2);
        }

    .wd-btn.ai[b-cfluptgmvs] {
        margin-left: auto;
        color: var(--brand-2);
        border-color: transparent;
    }

        .wd-btn.ai:hover[b-cfluptgmvs] {
            background: var(--inside-soft);
        }

@media(min-width:720px) {
    .win-detail[b-cfluptgmvs] {
        grid-template-columns: 300px 1fr;
    }

    .wd-preview[b-cfluptgmvs] {
        min-height: 100%;
    }
}

@media(min-width:1100px) {
    .win-detail[b-cfluptgmvs] {
        grid-template-columns: 360px 1fr;
    }
}

.av-sm[b-cfluptgmvs] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--surface-3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
    color: var(--ink-2);
    flex-shrink: 0;
}

.av-ai[b-cfluptgmvs] {
    background: var(--inside-soft);
    color: var(--inside-ink);
}

.av-me[b-cfluptgmvs] {
    background: var(--brand);
    color: #fff;
}

.solve-head[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.solve-count[b-cfluptgmvs] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--ink-2);
}

    .solve-count span[b-cfluptgmvs] {
        color: var(--prob-ink);
    }

.solve-raise[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--brand-ink);
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    border-radius: 999px;
    padding: 8px 14px;
}

    .solve-raise:hover[b-cfluptgmvs] {
        background: var(--surface-2);
        border-color: var(--brand-2);
    }

    .solve-raise i[b-cfluptgmvs] {
        font-size: 16px;
    }

.prob-cards[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.pcard[b-cfluptgmvs] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    border-radius: var(--r-xl);
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(22,21,20,.04);
    transition: box-shadow .18s, border-color .18s, transform .18s;
}

    .pcard:hover[b-cfluptgmvs] {
        border-color: rgba(88,71,242,.2);
        box-shadow: 0 12px 32px rgba(22,21,20,.09);
        transform: translateY(-2px);
    }

@media(min-width:880px) {
    .pcard[b-cfluptgmvs] {
        grid-template-columns: minmax(0,1fr) minmax(0,0.92fr);
        min-height: 520px;
    }
}
.pc-left[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    padding: 30px 32px 26px;
    min-width: 0;
}

.pc-top[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
}

.pc-urg[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 4px 10px;
    border-radius: 999px;
}

    .pc-urg.high[b-cfluptgmvs] {
        background: var(--prob-soft);
        color: var(--prob-ink);
    }

    .pc-urg.rising[b-cfluptgmvs] {
        background: var(--warn-soft);
        color: var(--warn-ink);
    }

    .pc-urg.steady[b-cfluptgmvs] {
        background: var(--surface-3);
        color: var(--ink-2);
    }

.pc-kicker[b-cfluptgmvs] {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--ink-3);
}

.pc-fb[b-cfluptgmvs] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--ink-2);
    background: var(--surface-2);
    border: 0;
    border-radius: 999px;
    padding: 5px 10px;
    cursor: pointer;
}

    .pc-fb:hover[b-cfluptgmvs] {
        background: var(--surface-3);
        color: var(--ink);
    }

    .pc-fb i[b-cfluptgmvs] {
        font-size: 13px;
        color: var(--ink-3);
    }

.pc-title[b-cfluptgmvs] {
    font-family: var(--serif);
    font-size: clamp(21px,2vw,27px);
    font-weight: 600;
    line-height: 1.19;
    letter-spacing: -0.01em;
    color: var(--ink);
    margin: 0 0 10px;
}

.pc-why[b-cfluptgmvs] {
    font-size: 14px;
    line-height: 1.58;
    color: var(--ink-2);
    margin: 0 0 16px;
}

.pc-imps[b-cfluptgmvs] {
    display: flex;
    gap: 16px 30px;
    flex-wrap: wrap;
    padding: 16px 18px;
    background: var(--surface-2);
    border: 0.5px solid var(--line);
    border-radius: var(--r-md);
    margin: 0 0 22px;
}

.pc-imp[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .pc-imp b[b-cfluptgmvs] {
        font-family: var(--serif);
        font-size: 24px;
        font-weight: 600;
        line-height: 1;
        color: var(--ink);
    }

    .pc-imp span[b-cfluptgmvs] {
        font-size: 11px;
        color: var(--ink-2);
        line-height: 1.3;
        max-width: 16ch;
    }

.pc-meta[b-cfluptgmvs] {
    margin: 0 0 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pc-para[b-cfluptgmvs] {
    margin: 0;
}

.pc-affects h4[b-cfluptgmvs], .pc-people-row h4[b-cfluptgmvs] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ink-3);
    margin: 0 0 5px;
}

.pc-affects p[b-cfluptgmvs] {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--ink-2);
}

.pc-owns[b-cfluptgmvs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
}

.pc-own[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink);
}

.pc-own-av[b-cfluptgmvs] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--inside-soft);
    color: var(--inside-ink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 9.5px;
    font-weight: 700;
    flex-shrink: 0;
}

.pc-noown[b-cfluptgmvs] {
    font-size: 12.5px;
    color: var(--ink-3);
    font-style: italic;
}

.pc-ownnote[b-cfluptgmvs] {
    font-size: 11px;
    color: var(--ink-3);
    line-height: 1.4;
    margin: 6px 0 0;
}
.pcc[b-cfluptgmvs] {
    margin-top: auto;
}

    .pcc[b-cfluptgmvs]::before {
        content: "";
        display: block;
        height: 1px;
        margin: 0 0 18px;
        background: linear-gradient(90deg, transparent, var(--line-2) 18%, var(--line-2) 82%, transparent);
    }

.pcc-bar[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--surface-2);
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 5px 6px 5px 14px;
    transition: background .18s, border-color .18s, box-shadow .18s;
}

    .pcc-bar:hover[b-cfluptgmvs] {
        background: var(--surface);
        border-color: var(--line-2);
    }

    .pcc-bar:focus-within[b-cfluptgmvs] {
        background: var(--surface);
        border-color: var(--brand);
        box-shadow: 0 0 0 3px rgba(88,71,242,.14);
    }

.pcc-lead[b-cfluptgmvs] {
    font-size: 16px;
    color: var(--ink-3);
    flex-shrink: 0;
    transition: color .18s;
}

.pcc-bar:hover .pcc-lead[b-cfluptgmvs],
.pcc-bar:focus-within .pcc-lead[b-cfluptgmvs] {
    color: var(--brand);
}

.pcc-in[b-cfluptgmvs] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    color: var(--ink);
    padding: 7px 0;
}

    .pcc-in[b-cfluptgmvs]::placeholder {
        color: var(--ink-3);
    }

.pcc-on[b-cfluptgmvs] {
    flex-shrink: 0;
    border: 0;
    outline: 0;
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.78);
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    border-radius: 999px;
    padding: 6px 8px;
    max-width: 120px;
    cursor: pointer;
}

.pcc-go[b-cfluptgmvs] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--surface-3);
    color: var(--ink-3);
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    transition: background .18s, color .18s;
}

    .pcc-bar:hover .pcc-go[b-cfluptgmvs],
    .pcc-bar:focus-within .pcc-go[b-cfluptgmvs],
    .pcc-go:hover[b-cfluptgmvs] {
        background: var(--brand);
        color: #fff;
    }

    .pcc-go i[b-cfluptgmvs] {
        font-size: 15px;
    }

.pcc-ack[b-cfluptgmvs] {
    font-size: 11.5px;
    line-height: 1.45;
    color: var(--ink-2);
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s,margin-top .2s;
}

    .pcc-ack.show[b-cfluptgmvs] {
        max-height: 60px;
        margin-top: 9px;
        display: flex;
        align-items: flex-start;
        gap: 7px;
    }

    .pcc-ack i[b-cfluptgmvs] {
        font-size: 14px;
        color: var(--ok-ink);
        flex-shrink: 0;
        margin-top: 1px;
    }

    .pcc-ack b[b-cfluptgmvs] {
        color: var(--ink);
        font-weight: 600;
    }

    .pcc-ack.thinking[b-cfluptgmvs] {
        color: var(--ink-3);
    }

.pcc-dots[b-cfluptgmvs] {
    display: inline-flex;
    gap: 3px;
    align-items: center;
    margin-top: 4px;
}

    .pcc-dots i[b-cfluptgmvs] {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--brand-2);
        animation: invblink-b-cfluptgmvs 1s infinite;
    }

        .pcc-dots i:nth-child(2)[b-cfluptgmvs] {
            animation-delay: .15s;
        }

        .pcc-dots i:nth-child(3)[b-cfluptgmvs] {
            animation-delay: .3s;
        }

.pcc-mine[b-cfluptgmvs] {
    display: none;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--ink-3);
    margin-top: 9px;
}

    .pcc-mine.show[b-cfluptgmvs] {
        display: flex;
    }

    .pcc-mine i[b-cfluptgmvs] {
        font-size: 13px;
        color: var(--accent-ink);
    }
.pc-head[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
}

.pc-theme[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .015em;
    color: var(--ink-2);
    background: var(--surface-2);
    border: 0.5px solid var(--line-2);
    border-radius: 999px;
    padding: 5px 12px;
}

.pc-hmw[b-cfluptgmvs] {
    font-family: var(--serif);
    font-size: clamp(23px, 2.3vw, 31px);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.015em;
    color: var(--ink);
    margin: 0 0 14px;
}

.pc-desc[b-cfluptgmvs] {
    font-size: 14px;
    line-height: 1.6;
    color: var(--ink-2);
    margin: 0 0 22px;
}

.pc-stmt[b-cfluptgmvs] {
    color: var(--ink);
    font-weight: 600;
}

.pc-affects[b-cfluptgmvs] {
    margin: 0 0 20px;
}

.pc-people-row[b-cfluptgmvs] {
    margin: 0 0 26px;
}

.pc-people[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.pc-avs[b-cfluptgmvs] {
    display: flex;
    align-items: center;
}

.pc-av[b-cfluptgmvs] {
    position: relative;
    width: 32px;
    height: 32px;
    margin-left: -8px;
    border-radius: 50%;
    background: var(--inside-soft);
    background-size: cover;
    background-position: center;
    color: var(--inside-ink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    border: 2px solid var(--surface);
    cursor: default;
    outline: none;
    transition: transform .14s, box-shadow .14s;
    z-index: 1;
}

    .pc-av:first-child[b-cfluptgmvs] {
        margin-left: 0;
    }

    .pc-av:hover[b-cfluptgmvs],
    .pc-av:focus-visible[b-cfluptgmvs] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(22,21,20,.18);
        z-index: 6;
    }

.pc-av-mono[b-cfluptgmvs] {
    pointer-events: none;
}

.pc-av-card[b-cfluptgmvs] {
    position: absolute;
    bottom: calc(100% + 9px);
    left: -2px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    white-space: nowrap;
    background: var(--ink);
    color: #fff;
    padding: 7px 11px;
    border-radius: 9px;
    box-shadow: 0 12px 30px rgba(22,21,20,.32);
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: opacity .16s, transform .16s, visibility .16s;
    z-index: 20;
}

    .pc-av-card[b-cfluptgmvs]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 16px;
        border: 5px solid transparent;
        border-top-color: var(--ink);
    }

    .pc-av-card b[b-cfluptgmvs] {
        font-size: 12px;
        font-weight: 600;
        color: #fff;
    }

    .pc-av-card span[b-cfluptgmvs] {
        font-size: 10.5px;
        color: rgba(255,255,255,.62);
    }

.pc-av:hover .pc-av-card[b-cfluptgmvs],
.pc-av:focus-visible .pc-av-card[b-cfluptgmvs] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.pc-people-n[b-cfluptgmvs] {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-3);
}

.pcc-count[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--ink-3);
    margin-bottom: 10px;
}

    .pcc-count i[b-cfluptgmvs] {
        font-size: 13px;
        color: var(--ink-3);
    }

    .pcc-count b[b-cfluptgmvs] {
        font-weight: 600;
        color: var(--ink-2);
    }

.pcc-add[b-cfluptgmvs] {
    color: var(--ink-3);
}

.pc-right[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 20px 20px 20px 6px;
}

@media(max-width:879px) {
    .pc-right[b-cfluptgmvs] {
        padding: 0 20px 20px;
        max-height: none;
    }
}

.sol-panel[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    background: var(--canvas);
    border: 0.5px solid var(--line);
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: inset 0 2px 8px rgba(22,21,20,.05);
}

.sol-panel-h[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 16px 12px;
    flex-shrink: 0;
}

.sph-t[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    color: var(--ink);
}

    .sph-t i[b-cfluptgmvs] {
        font-size: 16px;
        color: var(--accent-ink);
    }

.sph-n[b-cfluptgmvs] {
    font-size: 10.5px;
    font-weight: 600;
    color: var(--ink-3);
    text-transform: uppercase;
    letter-spacing: .03em;
}

.sol-list[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    padding: 0 14px 4px;
    flex: 1;
    scrollbar-width: thin;
}

    .sol-list[b-cfluptgmvs]::-webkit-scrollbar {
        width: 7px;
    }

    .sol-list[b-cfluptgmvs]::-webkit-scrollbar-thumb {
        background: var(--line-2);
        border-radius: 4px;
    }

.sol[b-cfluptgmvs] {
    position: relative;
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    border-radius: var(--r-md);
    padding: 12px 14px;
    box-shadow: 0 1px 2px rgba(22,21,20,.04);
    transition: box-shadow .15s,transform .15s,border-color .15s;
}

    .sol:hover[b-cfluptgmvs] {
        border-color: rgba(88,71,242,.22);
        box-shadow: 0 10px 26px rgba(22,21,20,.09);
        transform: translateY(-2px);
    }

.sol-top[b-cfluptgmvs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.sol-title[b-cfluptgmvs] {
    flex: 1;
    min-width: 0;
    font-family: var(--serif);
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.22;
    color: var(--ink);
    margin: 0;
    cursor: pointer;
}

    .sol-title:hover[b-cfluptgmvs] {
        color: var(--brand-ink);
    }

.sol-why[b-cfluptgmvs] {
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--ink-2);
    margin: 7px 0 0;
}

.sol-code[b-cfluptgmvs] {
    display: block;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink-3);
    margin-bottom: 4px;
}

.sol-vote[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    flex-shrink: 0;
}

.sv[b-cfluptgmvs] {
    width: 22px;
    height: 22px;
    border: 0;
    background: transparent;
    border-radius: 6px;
    color: var(--ink-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .14s, color .14s;
}

    .sv i[b-cfluptgmvs] {
        font-size: 14px;
    }

    .sv:hover[b-cfluptgmvs] {
        background: var(--surface-2);
        color: var(--ink);
    }

    .sv.up.on[b-cfluptgmvs] {
        color: var(--ok-ink);
        background: var(--ok-soft);
    }

    .sv.down.on[b-cfluptgmvs] {
        color: var(--prob-ink);
        background: var(--prob-soft);
    }

.sv-n[b-cfluptgmvs] {
    min-width: 16px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-2);
    font-variant-numeric: tabular-nums;
}

.pcard.nudge .pcc-bar[b-cfluptgmvs] {
    border-color: var(--brand-2);
    box-shadow: 0 0 0 3px rgba(74,56,214,.1);
}

.pcard.nudge .pcc-lead[b-cfluptgmvs] {
    color: var(--brand);
}
.jit[b-cfluptgmvs] {
    display: none;
    align-items: center;
    gap: 7px;
    margin: 0 0 14px;
    border: 0.5px solid var(--line);
    border-radius: var(--r-md);
    padding: 4px 4px 4px 12px;
    background: var(--surface);
}

    .jit.open[b-cfluptgmvs] {
        display: flex;
    }

.sol .jit[b-cfluptgmvs] {
    margin: 10px 0 0;
}

.jit input[b-cfluptgmvs] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: inherit;
    font-size: 12px;
    color: var(--ink);
    padding: 7px 0;
}

    .jit input[b-cfluptgmvs]::placeholder {
        color: var(--ink-3);
    }

.jit-send[b-cfluptgmvs] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--brand);
    color: #fff;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .jit-send:hover[b-cfluptgmvs] {
        background: var(--brand-2);
    }

    .jit-send i[b-cfluptgmvs] {
        font-size: 14px;
    }

.mr-readmeta[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 13px;
}

.mr-temp[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--prob-ink);
    background: var(--prob-soft);
    padding: 4px 10px;
    border-radius: 99px;
}

.mr-temp-dot[b-cfluptgmvs] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--prob);
    box-shadow: 0 0 0 3px var(--prob-soft);
}

.mr-asof[b-cfluptgmvs] {
    font-size: 11.5px;
    color: var(--ink-3);
}

.mr-band[b-cfluptgmvs] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 26px 0 13px;
}

.mr-band-l[b-cfluptgmvs] {
    font-family: var(--serif);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--ink);
}

.mr-band-c[b-cfluptgmvs] {
    font-size: 11.5px;
    color: var(--ink-3);
}

.mr-band.narrow[b-cfluptgmvs] {
    max-width: 700px;
}

.mc-chip[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    padding: 3px 9px;
    border-radius: 99px;
}

    .mc-chip i[b-cfluptgmvs] {
        font-size: 10px;
    }

.mc-threat[b-cfluptgmvs] {
    background: var(--spark-soft);
    color: var(--spark-ink);
}

.mc-shift[b-cfluptgmvs] {
    background: var(--inside-soft);
    color: var(--inside-ink);
}

.mc-opp[b-cfluptgmvs] {
    background: var(--accent-soft);
    color: var(--accent-ink);
}

.mc-watch[b-cfluptgmvs] {
    background: var(--gold-soft);
    color: var(--gold-ink);
}

.mc-tail[b-cfluptgmvs] {
    background: var(--ok-soft);
    color: var(--ok-ink);
}

.mc-head[b-cfluptgmvs] {
    background: var(--prob-soft);
    color: var(--prob-ink);
}

.mr-pats[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    max-width: 700px;
}

.mr-pat[b-cfluptgmvs] {
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-radius: var(--r-md);
    overflow: hidden;
    transition: border-color .15s, box-shadow .15s;
}

    .mr-pat:hover[b-cfluptgmvs] {
        border-color: var(--line-2);
    }

    .mr-pat.open[b-cfluptgmvs] {
        border-color: var(--line-2);
        box-shadow: 0 8px 26px rgba(22,21,20,0.06);
    }

.mr-pat-h[b-cfluptgmvs] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    background: none;
    border: 0;
    text-align: left;
    cursor: pointer;
    font-family: var(--sans);
}

.mr-pat-main[b-cfluptgmvs] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mr-pat-name[b-cfluptgmvs] {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ink);
}

.mr-pat-ess[b-cfluptgmvs] {
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--ink-2);
}

.mr-pat-meta[b-cfluptgmvs] {
    flex: 0 0 auto;
    font-size: 11px;
    white-space: nowrap;
    color: var(--ink-3);
}

.mr-chev[b-cfluptgmvs] {
    flex: 0 0 auto;
    font-size: 12px;
    color: var(--ink-3);
    transition: transform .2s;
}

.mr-pat.open .mr-chev[b-cfluptgmvs] {
    transform: rotate(180deg);
}

.mr-pat-body[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 15px 15px;
}

.mr-pat-why[b-cfluptgmvs] {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--ink-2);
}

.mr-srcs[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.mr-srcs-l[b-cfluptgmvs] {
    margin-right: 2px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-3);
}

.mr-src[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    color: var(--brand-2);
    text-decoration: none;
    border: 0.5px solid var(--line-2);
    padding: 3px 9px;
    border-radius: 99px;
    transition: background .15s, border-color .15s;
}

    .mr-src:hover[b-cfluptgmvs] {
        background: var(--surface-2);
        border-color: var(--brand-2);
    }

    .mr-src i[b-cfluptgmvs] {
        font-size: 9px;
    }

    .mr-src.dim[b-cfluptgmvs] {
        border: 0;
        padding: 0;
        color: var(--ink-3);
    }

        .mr-src.dim:hover[b-cfluptgmvs] {
            background: none;
            color: var(--brand-2);
            text-decoration: underline;
        }

.mr-action[b-cfluptgmvs] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    background: var(--accent-soft);
    border-left: 3px solid var(--accent);
    border-radius: var(--r-sm);
    padding: 11px 13px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--accent-ink);
}

    .mr-action i[b-cfluptgmvs] {
        margin-top: 2px;
        font-size: 13px;
        color: var(--accent);
    }

    .mr-action b[b-cfluptgmvs] {
        font-weight: 700;
    }

.mr-ctas[b-cfluptgmvs] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mr-cta[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--sans);
    font-size: 12px;
    font-weight: 600;
    padding: 8px 13px;
    border: 0;
    border-radius: var(--r-md);
    cursor: pointer;
    background: var(--brand);
    color: #fff;
    transition: background .15s, transform .1s;
}

    .mr-cta:hover[b-cfluptgmvs] {
        background: var(--brand-ink);
    }

    .mr-cta:active[b-cfluptgmvs] {
        transform: translateY(1px);
    }

    .mr-cta i[b-cfluptgmvs] {
        font-size: 10px;
    }

    .mr-cta.sm[b-cfluptgmvs] {
        font-size: 11.5px;
        padding: 6px 11px;
        background: transparent;
        color: var(--ink);
        border: 0.5px solid var(--line-2);
    }

        .mr-cta.sm:hover[b-cfluptgmvs] {
            background: var(--surface-2);
            border-color: var(--brand-2);
            color: var(--brand-ink);
        }

    .mr-cta.ghost[b-cfluptgmvs] {
        color: var(--ink-2);
    }

.mr-rail[b-cfluptgmvs] {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-padding-left: 2px;
    padding: 4px 2px 14px;
    margin: 0 -2px;
    scrollbar-width: thin;
    scrollbar-color: var(--line-2) transparent;
}

    .mr-rail[b-cfluptgmvs]::-webkit-scrollbar {
        height: 8px;
    }

    .mr-rail[b-cfluptgmvs]::-webkit-scrollbar-thumb {
        background: var(--line-2);
        border-radius: 99px;
    }

    .mr-rail[b-cfluptgmvs]::-webkit-scrollbar-track {
        background: transparent;
    }

    .mr-rail > *[b-cfluptgmvs] {
        scroll-snap-align: start;
    }

.mr-comp[b-cfluptgmvs],
.mr-start[b-cfluptgmvs] {
    flex: 0 0 272px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-radius: var(--r-lg);
    padding: 15px;
    transition: border-color .15s, transform .15s, box-shadow .15s;
}

    .mr-comp:hover[b-cfluptgmvs],
    .mr-start:hover[b-cfluptgmvs] {
        border-color: var(--line-2);
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(22,21,20,0.07);
    }

.mr-cs-top[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.mr-logo[b-cfluptgmvs] {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: var(--surface-2);
    border: 0.5px solid var(--line);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink-2);
}

    .mr-logo img[b-cfluptgmvs] {
        width: 20px;
        height: 20px;
        border-radius: 4px;
        object-fit: contain;
        display: block;
    }

.mr-comp-id[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.mr-cs-name[b-cfluptgmvs] {
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
}

.mr-pos[b-cfluptgmvs] {
    font-size: 10.5px;
    color: var(--ink-3);
    border: 0.5px solid var(--line-2);
    padding: 2px 7px;
    border-radius: 99px;
}

.mr-comp-move[b-cfluptgmvs] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--ink);
}

    .mr-comp-move i[b-cfluptgmvs] {
        flex: 0 0 auto;
        margin-top: 6px;
        font-size: 7px;
        color: var(--ink-3);
    }

.mr-cs-why[b-cfluptgmvs] {
    flex: 1 1 auto;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--ink-2);
}

.mr-cs-foot[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 2px;
    padding-top: 11px;
    border-top: 0.5px solid var(--line);
}

.mr-start-pitch[b-cfluptgmvs] {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    color: var(--ink);
}

.mr-start-meta[b-cfluptgmvs] {
    font-size: 11.5px;
    color: var(--ink-3);
}

.mr-trends[b-cfluptgmvs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 13px;
}

.mr-trend[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-radius: var(--r-lg);
    padding: 17px 18px;
    transition: border-color .15s, box-shadow .15s;
}

    .mr-trend:hover[b-cfluptgmvs] {
        border-color: var(--line-2);
        box-shadow: 0 12px 30px rgba(22,21,20,0.06);
    }

    .mr-trend .mr-cta[b-cfluptgmvs] {
        align-self: flex-start;
    }

.mr-trend-top[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.mr-dir[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 99px;
}

    .mr-dir i[b-cfluptgmvs] {
        font-size: 11px;
    }

.mr-dir-up[b-cfluptgmvs] {
    background: var(--ok-soft);
    color: var(--ok-ink);
}

.mr-dir-down[b-cfluptgmvs] {
    background: var(--inside-soft);
    color: var(--inside-ink);
}

.mr-dir-new[b-cfluptgmvs] {
    background: var(--gold-soft);
    color: var(--gold-ink);
}

.mr-horizon[b-cfluptgmvs] {
    font-size: 11px;
    color: var(--ink-3);
}

.mr-trend-name[b-cfluptgmvs] {
    margin: 0;
    font-family: var(--serif);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
    color: var(--ink);
}

.mr-trend-why[b-cfluptgmvs] {
    flex: 1 1 auto;
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--ink-2);
}

.mr-news[b-cfluptgmvs] {
    flex: 0 0 250px;
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-radius: var(--r-lg);
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    color: inherit;
    font-family: var(--sans);
    cursor: pointer;
    transition: border-color .15s, transform .15s, box-shadow .15s;
}

    .mr-news:hover[b-cfluptgmvs] {
        border-color: var(--line-2);
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(22,21,20,0.07);
    }

.mr-news-thumb[b-cfluptgmvs] {
    position: relative;
    height: 124px;
    background-color: var(--surface-2);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mr-news-thumb.ph[b-cfluptgmvs] {
        background: linear-gradient(135deg, var(--surface-2), #E9E7E1);
    }

.mr-news-phic[b-cfluptgmvs] {
    font-size: 24px;
    color: var(--ink-3);
}

.mr-news-play[b-cfluptgmvs] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(0,0,0,0.55);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mr-news-play i[b-cfluptgmvs] {
        margin-left: 2px;
        font-size: 15px;
    }

.mr-news-body[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 11px 13px 13px;
}

.mr-news-meta[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--ink-3);
}

.mr-news-title[b-cfluptgmvs] {
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ink);
}

.mr-news-why[b-cfluptgmvs] {
    font-size: 12px;
    line-height: 1.4;
    color: var(--ink-2);
}

.mkt-contrib[b-cfluptgmvs] {
    background: var(--surface-2);
    border: 0.5px solid var(--line);
    border-radius: var(--r-lg);
    padding: 13px 15px;
    margin-top: 20px;
    max-width: 700px;
}

.mkc-head[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
}

.mkc-ic[b-cfluptgmvs] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mkc-ic i[b-cfluptgmvs] {
        font-size: 14px;
    }

.mkc-h[b-cfluptgmvs] {
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ink);
}

    .mkc-h span[b-cfluptgmvs] {
        font-weight: 400;
        color: var(--ink-3);
    }

@media (max-width: 640px) {
    .mr-trends[b-cfluptgmvs] {
        grid-template-columns: 1fr;
    }

    .mr-comp[b-cfluptgmvs],
    .mr-start[b-cfluptgmvs] {
        flex-basis: 84%;
    }

    .mr-news[b-cfluptgmvs] {
        flex-basis: 80%;
    }

    .mr-pat-meta[b-cfluptgmvs] {
        display: none;
    }
}

.xgrid[b-cfluptgmvs] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.xc[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-radius: var(--r-xl);
    padding: 18px 18px 16px;
    min-height: 300px;
    cursor: pointer;
    transition: border-color .15s,transform .15s,box-shadow .15s;
}

    .xc:hover[b-cfluptgmvs] {
        border-color: var(--line-2);
        transform: translateY(-2px);
        box-shadow: 0 10px 30px rgba(22,21,20,0.07);
    }

.xc-ic[b-cfluptgmvs] {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

    .xc-ic i[b-cfluptgmvs] {
        font-size: 22px;
    }

.xc-tag[b-cfluptgmvs] {
    font-size: 10px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--ink-3);
    margin-bottom: 6px;
}

.xc-name[b-cfluptgmvs] {
    font-family: var(--serif);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin-bottom: 15px;
}

.xc-demo[b-cfluptgmvs] {
    background: var(--surface-2);
    border-radius: var(--r-lg);
    padding: 13px;
    margin-top: auto;
}

.xc-q[b-cfluptgmvs] {
    font-size: 12px;
    color: var(--ink-2);
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-bottom: 9px;
    line-height: 1.4;
}

    .xc-q i[b-cfluptgmvs] {
        font-size: 14px;
        flex-shrink: 0;
        margin-top: 1px;
    }

.xc-ans[b-cfluptgmvs] {
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--ink);
}

    .xc-ans b[b-cfluptgmvs] {
        font-weight: 600;
    }

.xc-cta[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--brand-2);
    margin-top: 14px;
}

    .xc-cta i[b-cfluptgmvs] {
        font-size: 15px;
        transition: transform .15s;
    }

.xc:hover .xc-cta i[b-cfluptgmvs] {
    transform: translateX(3px);
}

.collide[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    margin-bottom: 7px;
    color: var(--ink);
}

    .collide .pin[b-cfluptgmvs] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .collide b[b-cfluptgmvs] {
        font-weight: 600;
    }

.savechip[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--accent-ink);
    background: var(--accent-soft);
    padding: 4px 9px;
    border-radius: 999px;
    margin-top: 6px;
}

    .savechip i[b-cfluptgmvs] {
        font-size: 13px;
    }

.person[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 8px;
}

.pf[b-cfluptgmvs] {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
    flex-shrink: 0;
}

.pmeta[b-cfluptgmvs] {
    min-width: 0;
}

.pn[b-cfluptgmvs] {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.15;
}

.pr[b-cfluptgmvs] {
    font-size: 10.5px;
    color: var(--ink-2);
}

.pav[b-cfluptgmvs] {
    margin-left: auto;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--accent-soft);
    color: var(--accent-ink);
    flex-shrink: 0;
}

    .pav.soon[b-cfluptgmvs] {
        background: var(--surface-3);
        color: var(--ink-2);
    }

@media(min-width:680px) {
    .xgrid[b-cfluptgmvs] {
        grid-template-columns: repeat(auto-fit,minmax(260px,360px));
        justify-content: center;
    }
}

.inv-card[b-cfluptgmvs] {
    position: relative;
    padding: 18px 17px 16px;
    background: linear-gradient(165deg,#FFFFFF 0%,var(--surface-2) 100%);
    border: 0.5px solid var(--line-2);
    border-radius: var(--r-xl);
    box-shadow: 0 14px 38px rgba(22,21,20,.11);
    overflow: hidden;
}

    .inv-card[b-cfluptgmvs]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg,var(--brand),var(--accent) 52%,var(--gold));
    }

.inv-head[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
}

    .inv-head .inv-ic[b-cfluptgmvs] {
        position: relative;
        width: 38px;
        height: 38px;
        border-radius: 11px;
        background: var(--brand);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        box-shadow: 0 0 0 0 rgba(74,56,214,.4);
        animation: invpulse-b-cfluptgmvs 2.8s infinite;
    }

        .inv-head .inv-ic i[b-cfluptgmvs] {
            font-size: 20px;
        }

@keyframes invpulse-b-cfluptgmvs {
    0% {
        box-shadow: 0 0 0 0 rgba(74,56,214,.4);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(74,56,214,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(74,56,214,0);
    }
}

.inv-head .acx b[b-cfluptgmvs] {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--ink);
    display: block;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.inv-head .acx span[b-cfluptgmvs] {
    font-size: 11px;
    color: var(--ink-3);
}

.inv-live[b-cfluptgmvs] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--accent-ink);
}

    .inv-live .dot[b-cfluptgmvs] {
        width: 6px;
        height: 6px;
        background: var(--accent);
    }

.inv-body[b-cfluptgmvs] {
    min-height: 158px;
}

.inv-ta[b-cfluptgmvs] {
    width: 100%;
    border: 1px solid var(--line-2);
    border-radius: var(--r-md);
    background: var(--surface);
    padding: 12px 13px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.55;
    color: var(--ink);
    resize: none;
    outline: none;
    min-height: 92px;
    transition: border-color .15s,box-shadow .15s;
}

    .inv-ta:focus[b-cfluptgmvs] {
        border-color: var(--brand-2);
        box-shadow: 0 0 0 3px rgba(74,56,214,.13);
    }

    .inv-ta[b-cfluptgmvs]::placeholder {
        color: var(--ink-3);
    }

.inv-hint[b-cfluptgmvs] {
    font-size: 11px;
    color: var(--ink-3);
    margin: 9px 0 0;
    line-height: 1.45;
}

.inv-go[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 12px;
}

.inv-send[b-cfluptgmvs] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 700;
    padding: 12px 16px;
    border-radius: var(--r-md);
    background: var(--brand);
    color: #fff;
    border: 0;
    transition: background .15s,transform .12s;
}

    .inv-send:hover[b-cfluptgmvs] {
        background: var(--brand-2);
        transform: translateY(-1px);
    }

    .inv-send i[b-cfluptgmvs] {
        font-size: 16px;
    }

.inv-mic[b-cfluptgmvs] {
    width: 42px;
    height: 42px;
    border-radius: var(--r-md);
    border: 0.5px solid var(--line-2);
    background: var(--surface);
    color: var(--ink-2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .inv-mic:hover[b-cfluptgmvs] {
        background: var(--surface-2);
        color: var(--ink);
    }

    .inv-mic i[b-cfluptgmvs] {
        font-size: 17px;
    }
.inv-think[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 12.5px;
    color: var(--ink-2);
    padding: 6px 0 2px;
}

    .inv-think .dotpulse[b-cfluptgmvs] {
        display: inline-flex;
        gap: 3px;
    }

        .inv-think .dotpulse i[b-cfluptgmvs] {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--brand-2);
            animation: invblink-b-cfluptgmvs 1s infinite;
        }

            .inv-think .dotpulse i:nth-child(2)[b-cfluptgmvs] {
                animation-delay: .15s;
            }

            .inv-think .dotpulse i:nth-child(3)[b-cfluptgmvs] {
                animation-delay: .3s;
            }

@keyframes invblink-b-cfluptgmvs {
    0%,100% {
        opacity: .25;
    }

    50% {
        opacity: 1;
    }
}

.inv-shim[b-cfluptgmvs] {
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));
    background-size: 200% 100%;
    animation: invshim-b-cfluptgmvs 1.2s infinite;
    margin-top: 10px;
}

@keyframes invshim-b-cfluptgmvs {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}
.inv-pb[b-cfluptgmvs] {
    padding-top: 2px;
}

.inv-lbl[b-cfluptgmvs] {
    display: block;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--ink-3);
    margin-bottom: 6px;
}

.inv-quote[b-cfluptgmvs] {
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--ink-2);
    font-style: italic;
    border-left: 2px solid var(--line-2);
    padding-left: 11px;
    margin: 0 0 16px;
}

.inv-und-row[b-cfluptgmvs] {
    margin-bottom: 15px;
}

.inv-typetag[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: none;
    padding: 2px 8px;
    border-radius: 999px;
    margin-left: 6px;
    vertical-align: middle;
}

    .inv-typetag i[b-cfluptgmvs] {
        font-size: 11px;
    }

    .inv-typetag.problem[b-cfluptgmvs] {
        background: var(--prob-soft);
        color: var(--prob-ink);
    }

    .inv-typetag.idea[b-cfluptgmvs] {
        background: var(--inside-soft);
        color: var(--inside-ink);
    }

    .inv-typetag.pain[b-cfluptgmvs] {
        background: var(--warn-soft);
        color: var(--warn-ink);
    }

    .inv-typetag.market[b-cfluptgmvs] {
        background: var(--accent-soft);
        color: var(--accent-ink);
    }

.inv-refined[b-cfluptgmvs] {
    font-family: var(--serif);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.01em;
    color: var(--ink);
    margin: 0;
    outline: none;
    border-radius: 6px;
    transition: box-shadow .15s,background .15s;
}

    .inv-refined:focus[b-cfluptgmvs] {
        box-shadow: 0 0 0 3px rgba(74,56,214,.16);
        background: var(--surface);
    }

.inv-relate[b-cfluptgmvs] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 11px;
    line-height: 1.45;
    color: var(--ink-2);
    background: var(--accent-soft);
    border-radius: var(--r-md);
    padding: 9px 11px;
    margin: 0 0 15px;
}

    .inv-relate i[b-cfluptgmvs] {
        font-size: 14px;
        color: var(--accent-ink);
        flex-shrink: 0;
        margin-top: 1px;
    }

    .inv-relate b[b-cfluptgmvs] {
        color: var(--ink);
        font-weight: 600;
    }

.inv-submit[b-cfluptgmvs] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    padding: 13px;
    border-radius: var(--r-md);
    border: 0;
    color: #fff;
    cursor: pointer;
    transition: filter .15s,transform .12s;
}

    .inv-submit:hover[b-cfluptgmvs] {
        filter: brightness(1.07);
        transform: translateY(-1px);
    }

    .inv-submit i[b-cfluptgmvs] {
        font-size: 17px;
    }

    .inv-submit.idea[b-cfluptgmvs] {
        background: var(--brand);
    }

    .inv-submit.problem[b-cfluptgmvs] {
        background: var(--prob);
    }

    .inv-submit.pain[b-cfluptgmvs] {
        background: var(--warn-ink);
    }

    .inv-submit.market[b-cfluptgmvs] {
        background: var(--accent);
    }

.inv-redo-row[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

.inv-fix[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--ink-2);
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
}

    .inv-fix:hover[b-cfluptgmvs] {
        color: var(--ink);
    }

    .inv-fix i[b-cfluptgmvs] {
        font-size: 14px;
    }

.inv-link[b-cfluptgmvs] {
    font-size: 11px;
    font-weight: 600;
    color: var(--ink-3);
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
}

    .inv-link:hover[b-cfluptgmvs] {
        color: var(--ink);
    }
.inv-unclear[b-cfluptgmvs] {
    text-align: center;
    padding: 10px 0 4px;
}

.inv-ic-soft[b-cfluptgmvs] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--surface-3);
    color: var(--ink-3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
}

    .inv-ic-soft i[b-cfluptgmvs] {
        font-size: 23px;
    }

.inv-unclear p[b-cfluptgmvs] {
    font-size: 12.5px;
    color: var(--ink-2);
    line-height: 1.55;
    margin: 0 0 15px;
}
.inv-done[b-cfluptgmvs] {
    text-align: center;
    padding: 10px 0 4px;
}

    .inv-done .inv-check[b-cfluptgmvs] {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: var(--ok-soft);
        color: var(--ok-ink);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 12px;
    }

        .inv-done .inv-check i[b-cfluptgmvs] {
            font-size: 25px;
        }

    .inv-done b[b-cfluptgmvs] {
        font-size: 14px;
        color: var(--ink);
        display: block;
        margin-bottom: 5px;
    }

    .inv-done p[b-cfluptgmvs] {
        font-size: 11.5px;
        color: var(--ink-2);
        line-height: 1.55;
        margin: 0 0 15px;
    }

.inv-again[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    padding: 9px 16px;
    border-radius: var(--r-md);
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    color: var(--brand-ink);
}

    .inv-again:hover[b-cfluptgmvs] {
        background: var(--surface-2);
    }

    .inv-again i[b-cfluptgmvs] {
        font-size: 15px;
    }
.inv-foot[b-cfluptgmvs] {
    margin-top: 15px;
    padding-top: 13px;
    border-top: 0.5px solid var(--line);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.inv-tally[b-cfluptgmvs] {
    font-size: 11px;
    color: var(--ink-2);
    line-height: 1.35;
}

    .inv-tally b[b-cfluptgmvs] {
        color: var(--ink);
        font-weight: 600;
    }

    .inv-tally span[b-cfluptgmvs] {
        display: block;
        font-size: 10px;
        color: var(--ink-3);
    }

.inv-space[b-cfluptgmvs] {
    font-size: 11px;
    font-weight: 600;
    color: var(--brand-2);
    white-space: nowrap;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

    .inv-space:hover[b-cfluptgmvs] {
        color: var(--brand-ink);
    }

    .inv-space i[b-cfluptgmvs] {
        font-size: 14px;
    }
.rl-card.inv-card[b-cfluptgmvs] {
    background: linear-gradient(180deg,var(--tool-2),var(--tool));
    border: 1px solid var(--tool-line);
    box-shadow: var(--shadow-tool);
}

.inv-card[b-cfluptgmvs]::before {
    background: linear-gradient(90deg,var(--brand-2),var(--accent) 52%,var(--gold));
    opacity: .9;
}

.inv-head .acx b[b-cfluptgmvs] {
    color: #fff;
}

.inv-head .acx span[b-cfluptgmvs] {
    color: rgba(255,255,255,.5);
}

.inv-body[b-cfluptgmvs] {
    background: rgba(0,0,0,.28);
    border: 0.5px solid rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 13px;
    min-height: 158px;
}

.inv-ta[b-cfluptgmvs] {
    background: rgba(255,255,255,.06);
    border: 0.5px solid rgba(255,255,255,.14);
    color: #fff;
}

    .inv-ta[b-cfluptgmvs]::placeholder {
        color: rgba(255,255,255,.5);
    }

    .inv-ta:focus[b-cfluptgmvs] {
        border-color: rgba(112,140,176,.6);
        box-shadow: 0 0 0 3px rgba(112,140,176,.18);
        background: rgba(255,255,255,.09);
    }

.inv-hint[b-cfluptgmvs] {
    color: rgba(255,255,255,.5);
}

.inv-mic[b-cfluptgmvs] {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.14);
    color: rgba(255,255,255,.7);
}

    .inv-mic:hover[b-cfluptgmvs] {
        background: rgba(255,255,255,.16);
        color: #fff;
    }

.inv-think[b-cfluptgmvs] {
    color: rgba(255,255,255,.62);
}

.inv-shim[b-cfluptgmvs] {
    background: linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12),rgba(255,255,255,.05));
}

.inv-unclear p[b-cfluptgmvs], .inv-done p[b-cfluptgmvs] {
    color: rgba(255,255,255,.66);
}

.inv-ic-soft[b-cfluptgmvs] {
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.5);
}

.inv-again[b-cfluptgmvs], .inv-fix[b-cfluptgmvs] {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.14);
    color: rgba(255,255,255,.82);
}

    .inv-again:hover[b-cfluptgmvs], .inv-fix:hover[b-cfluptgmvs] {
        background: rgba(255,255,255,.16);
        color: #fff;
    }

.inv-link[b-cfluptgmvs] {
    color: rgba(255,255,255,.58);
}

    .inv-link:hover[b-cfluptgmvs] {
        color: #fff;
    }

.inv-lbl[b-cfluptgmvs] {
    color: rgba(255,255,255,.52);
}

.inv-quote[b-cfluptgmvs] {
    color: rgba(255,255,255,.72);
    border-left-color: rgba(255,255,255,.2);
}

.inv-refined[b-cfluptgmvs] {
    color: #fff;
}

    .inv-refined:focus[b-cfluptgmvs] {
        background: rgba(255,255,255,.08);
        box-shadow: 0 0 0 3px rgba(112,140,176,.22);
    }

.inv-relate[b-cfluptgmvs] {
    color: rgba(255,255,255,.64);
}

    .inv-relate b[b-cfluptgmvs] {
        color: #fff;
    }

.inv-done b[b-cfluptgmvs] {
    color: #fff;
}

.inv-foot[b-cfluptgmvs] {
    border-top-color: rgba(255,255,255,.1);
}

.inv-tally[b-cfluptgmvs] {
    color: rgba(255,255,255,.64);
}

    .inv-tally b[b-cfluptgmvs] {
        color: #fff;
    }

    .inv-tally span[b-cfluptgmvs] {
        color: rgba(255,255,255,.42);
    }

.inv-live[b-cfluptgmvs] {
    color: #3DBE92;
}

.inv-space[b-cfluptgmvs] {
    color: #8FB4D8;
}

    .inv-space:hover[b-cfluptgmvs] {
        color: #B6D0E8;
    }


.watch[b-cfluptgmvs] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 6px;
}

@media(min-width:860px) {
    .watch[b-cfluptgmvs] {
        grid-template-columns: 1.5fr 1fr;
        align-items: stretch;
    }
}

.vthumb[b-cfluptgmvs] {
    position: relative;
    width: 100%;
    border-radius: var(--r-lg);
    overflow: hidden;
    background: #16273A;
}

    .vthumb[b-cfluptgmvs]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg,rgba(11,21,33,.1) 0%,rgba(11,21,33,.5) 70%,rgba(11,21,33,.82) 100%);
    }

    .vthumb .vdot[b-cfluptgmvs] {
        position: absolute;
        inset: 0;
        background-image: radial-gradient(circle at 1px 1px,rgba(255,255,255,.07) 1px,transparent 0);
        background-size: 22px 22px;
    }

.vplay[b-cfluptgmvs] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(255,255,255,.92);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand);
    z-index: 2;
    transition: transform .18s,background .18s;
    box-shadow: 0 8px 24px rgba(0,0,0,.3);
}

    .vplay i[b-cfluptgmvs] {
        font-size: 26px;
        margin-left: 3px;
    }

.vdur[b-cfluptgmvs] {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    font-size: 10.5px;
    font-weight: 700;
    color: #fff;
    background: rgba(11,21,33,.72);
    border-radius: 6px;
    padding: 3px 7px;
    letter-spacing: .02em;
}

.vtag[b-cfluptgmvs] {
    position: absolute;
    top: 11px;
    left: 11px;
    z-index: 2;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    background: rgba(255,255,255,.18);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border: 0.5px solid rgba(255,255,255,.25);
    border-radius: 999px;
    padding: 4px 10px;
}
.vfeat[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    text-align: left;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    border-radius: var(--r-lg);
}

    .vfeat .vthumb[b-cfluptgmvs] {
        aspect-ratio: 16/9;
    }

    .vfeat:hover .vplay[b-cfluptgmvs] {
        transform: translate(-50%,-50%) scale(1.08);
        background: #fff;
    }

    .vfeat .vf-info[b-cfluptgmvs] {
        padding: 14px 4px 0;
    }

    .vfeat .vf-title[b-cfluptgmvs] {
        font-family: var(--serif);
        font-size: 21px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: -0.01em;
        color: var(--ink);
    }

    .vfeat:hover .vf-title[b-cfluptgmvs] {
        color: var(--brand-ink);
    }

    .vfeat .vf-why[b-cfluptgmvs] {
        font-size: 13px;
        line-height: 1.55;
        color: var(--ink-2);
        margin: 7px 0 10px;
    }

    .vfeat .vf-src[b-cfluptgmvs] {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        font-size: 11.5px;
        color: var(--ink-3);
    }

        .vfeat .vf-src b[b-cfluptgmvs] {
            color: var(--ink-2);
            font-weight: 600;
        }

        .vfeat .vf-src .vf-dot[b-cfluptgmvs] {
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background: var(--line-2);
        }
.vlist[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vcard[b-cfluptgmvs] {
    display: grid;
    grid-template-columns: 128px 1fr;
    gap: 13px;
    align-items: center;
    text-align: left;
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    border-radius: var(--r-md);
    padding: 9px;
    cursor: pointer;
    transition: border-color .15s,transform .15s,box-shadow .15s;
    box-shadow: 0 1px 2px rgba(22,21,20,.04);
}

    .vcard:hover[b-cfluptgmvs] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(22,21,20,.1);
        border-color: var(--line-2);
    }

    .vcard .vthumb[b-cfluptgmvs] {
        aspect-ratio: 16/9;
        border-radius: 9px;
    }

    .vcard .vplay[b-cfluptgmvs] {
        width: 34px;
        height: 34px;
    }

        .vcard .vplay i[b-cfluptgmvs] {
            font-size: 15px;
            margin-left: 2px;
        }

    .vcard .vdur[b-cfluptgmvs] {
        bottom: 6px;
        right: 6px;
        font-size: 9px;
        padding: 2px 5px;
    }

    .vcard .vtag[b-cfluptgmvs] {
        display: none;
    }

.vc-info[b-cfluptgmvs] {
    min-width: 0;
}

.vc-title[b-cfluptgmvs] {
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--ink);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vcard:hover .vc-title[b-cfluptgmvs] {
    color: var(--brand-ink);
}

.vc-src[b-cfluptgmvs] {
    font-size: 10.5px;
    color: var(--ink-3);
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vc-why[b-cfluptgmvs] {
    font-size: 11px;
    color: var(--ink-3);
    margin-top: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media(max-width:380px) {
    .vcard[b-cfluptgmvs] {
        grid-template-columns: 96px 1fr;
    }
}
.lb-period[b-cfluptgmvs] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    color: var(--ink-2);
    text-transform: none;
    letter-spacing: 0.02em;
    font-weight: 500;
    background: var(--surface-2);
    padding: 4px 10px;
    border-radius: 999px;
}

    .lb-period i[b-cfluptgmvs] {
        font-size: 12px;
        color: var(--ink-3);
    }

.lb[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.lb-podium[b-cfluptgmvs] {
    display: grid;
    grid-template-columns: 1fr 1.16fr 1fr;
    gap: 12px;
    align-items: end;
}

.lb-pod[b-cfluptgmvs] {
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-radius: var(--r-lg);
    padding: 18px 14px 16px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .lb-pod.gold[b-cfluptgmvs] {
        border-color: var(--gold);
        box-shadow: 0 10px 30px rgba(201,154,58,.16);
        background: linear-gradient(180deg,var(--gold-soft),var(--surface) 60%);
    }

.lb-pod-rank[b-cfluptgmvs] {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--serif);
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    border: 2px solid var(--surface);
}

.lb-pod.gold .lb-pod-rank[b-cfluptgmvs] {
    background: var(--gold-ink);
    width: 30px;
    height: 30px;
    font-size: 15px;
}

.lb-pod.silver .lb-pod-rank[b-cfluptgmvs] {
    background: #9AA3AD;
}

.lb-pod.bronze .lb-pod-rank[b-cfluptgmvs] {
    background: #B98253;
}

.lb-win[b-cfluptgmvs] {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 22px;
    color: var(--ink-3);
    filter: drop-shadow(0 2px 3px rgba(22,21,20,.2));
}

.lb-pod.gold .lb-win[b-cfluptgmvs] {
    font-size: 27px;
    top: -32px;
    color: var(--gold-ink);
}

.lb-pod.silver .lb-win[b-cfluptgmvs] {
    color: #9AA3AD;
}

.lb-pod.bronze .lb-win[b-cfluptgmvs] {
    color: #B98253;
}

.lb-pod-face[b-cfluptgmvs] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 600;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    margin-bottom: 10px;
}

.lb-pod.gold .lb-pod-face[b-cfluptgmvs] {
    width: 80px;
    height: 80px;
    font-size: 26px;
    box-shadow: 0 0 0 3px var(--gold-soft);
}

.lb-pod-name[b-cfluptgmvs] {
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--ink);
}

.lb-pod-role[b-cfluptgmvs] {
    font-size: 10.5px;
    color: var(--ink-3);
    margin-top: 2px;
}

.lb-pod-pts[b-cfluptgmvs] {
    font-family: var(--serif);
    font-size: 22px;
    font-weight: 600;
    color: var(--ink);
    margin-top: 9px;
    line-height: 1;
}

.lb-pod.gold .lb-pod-pts[b-cfluptgmvs] {
    font-size: 26px;
    color: var(--gold-ink);
}

.lb-pod-pts span[b-cfluptgmvs] {
    font-family: var(--sans);
    font-size: 9.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--ink-3);
    display: block;
    margin-top: 3px;
}

.lb-pod-story[b-cfluptgmvs] {
    font-size: 11px;
    line-height: 1.45;
    color: var(--ink-2);
    margin: 11px 0 0;
    max-width: 24ch;
}

.lb-pod.gold .lb-pod-story[b-cfluptgmvs] {
    color: var(--ink);
}

.lb-pod-tag[b-cfluptgmvs] {
    font-size: 10px;
    font-weight: 600;
    color: var(--brand-ink);
    background: var(--inside-soft);
    border-radius: 999px;
    padding: 3px 9px;
    margin-top: 10px;
}
.lb-list[b-cfluptgmvs] {
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-radius: var(--r-lg);
    overflow: hidden;
}

.lb-row[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 13px 16px;
    border-top: 0.5px solid var(--line);
    transition: background .14s;
}

    .lb-row:first-child[b-cfluptgmvs] {
        border-top: 0;
    }

    .lb-row:hover[b-cfluptgmvs] {
        background: var(--surface-2);
    }

.lb-rank[b-cfluptgmvs] {
    width: 24px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: var(--ink-3);
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.lb-delta[b-cfluptgmvs] {
    width: 16px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

    .lb-delta.up[b-cfluptgmvs] {
        color: var(--ok-ink);
    }

    .lb-delta.down[b-cfluptgmvs] {
        color: var(--prob-ink);
    }

    .lb-delta.flat[b-cfluptgmvs] {
        color: var(--ink-3);
        font-size: 9px;
    }

.lb-face[b-cfluptgmvs] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
}

.lb-main[b-cfluptgmvs] {
    flex: 1;
    min-width: 0;
}

.lb-name[b-cfluptgmvs] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.2;
}

    .lb-name .lb-you[b-cfluptgmvs] {
        font-size: 9.5px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: var(--brand-ink);
        background: var(--inside-soft);
        border-radius: 999px;
        padding: 2px 7px;
        margin-left: 7px;
        vertical-align: middle;
    }

.lb-sub[b-cfluptgmvs] {
    font-size: 11px;
    color: var(--ink-3);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lb-pts[b-cfluptgmvs] {
    text-align: right;
    flex-shrink: 0;
}

    .lb-pts b[b-cfluptgmvs] {
        font-family: var(--serif);
        font-size: 16px;
        font-weight: 600;
        color: var(--ink);
        line-height: 1;
    }

    .lb-pts span[b-cfluptgmvs] {
        font-size: 9px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: var(--ink-3);
        display: block;
        margin-top: 2px;
    }

.lb-row.me[b-cfluptgmvs] {
    background: var(--inside-soft);
}

    .lb-row.me:hover[b-cfluptgmvs] {
        background: var(--inside-soft);
    }

    .lb-row.me .lb-rank[b-cfluptgmvs] {
        color: var(--brand-ink);
    }
.lb-fame[b-cfluptgmvs] {
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-radius: var(--r-xl);
    padding: 24px 22px 22px;
    position: relative;
}

.lb-fame-head[b-cfluptgmvs] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.lb-fame-htext[b-cfluptgmvs] {
    min-width: 0;
}

.lb-fame-kicker[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--gold-ink);
}

    .lb-fame-kicker i[b-cfluptgmvs] {
        font-size: 14px;
    }

.lb-fame-t[b-cfluptgmvs] {
    font-family: var(--serif);
    font-size: 21px;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.18;
    margin: 8px 0 0;
}

.lb-fame-d[b-cfluptgmvs] {
    font-size: 12px;
    line-height: 1.45;
    color: var(--ink-3);
    margin: 5px 0 0;
    max-width: 56ch;
}

.lb-fame-count[b-cfluptgmvs] {
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 600;
    color: var(--ink-3);
    background: var(--surface-2);
    border-radius: 999px;
    padding: 5px 12px;
    white-space: nowrap;
}

.lb-roll[b-cfluptgmvs] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
}

.lb-spot[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 13px;
    border: 0.5px solid var(--line);
    border-radius: var(--r-md);
    background: var(--surface);
}

    .lb-spot.hidden-spot[b-cfluptgmvs] {
        display: none;
    }

.lb-fame.expanded .lb-spot.hidden-spot[b-cfluptgmvs] {
    display: flex;
}

.lb-spot-no[b-cfluptgmvs] {
    flex-shrink: 0;
    width: 18px;
    text-align: center;
    font-family: var(--serif);
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    color: var(--ink-3);
}

.lb-spot-av[b-cfluptgmvs] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
}

.lb-spot.filled .lb-spot-av[b-cfluptgmvs] {
    box-shadow: 0 0 0 2px var(--gold-soft);
}

    .lb-spot.filled .lb-spot-av.gen-av[b-cfluptgmvs] {
        background: linear-gradient(160deg,#41648A,#1B3149);
        color: #fff;
        font-size: 17px;
        font-weight: 600;
        font-family: var(--serif);
    }

.lb-spot.empty[b-cfluptgmvs] {
    background: var(--surface-2);
    border-style: dashed;
    border-color: var(--line-2);
}

    .lb-spot.empty .lb-spot-av[b-cfluptgmvs] {
        border: 1.5px dashed var(--line-2);
        color: var(--ink-3);
    }

        .lb-spot.empty .lb-spot-av i[b-cfluptgmvs] {
            font-size: 18px;
        }

.lb-spot-body[b-cfluptgmvs] {
    flex: 1;
    min-width: 0;
}

.lb-spot.filled .lb-spot-name[b-cfluptgmvs] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.2;
}

.lb-spot-role[b-cfluptgmvs] {
    font-size: 10.5px;
    color: var(--ink-3);
    margin-top: 1px;
}

.lb-spot-story[b-cfluptgmvs] {
    font-size: 11.5px;
    line-height: 1.4;
    color: var(--ink-2);
    margin: 6px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lb-spot-when[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--gold-ink);
    margin-top: 7px;
}

    .lb-spot-when i[b-cfluptgmvs] {
        font-size: 11px;
    }

.lb-spot.empty .lb-spot-name[b-cfluptgmvs] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-2);
}

.lb-spot-wait[b-cfluptgmvs] {
    font-size: 10.5px;
    color: var(--ink-3);
    margin-top: 2px;
}

.lb-fame-more[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin-top: 14px;
    padding: 9px;
    font-size: 12px;
    font-weight: 600;
    color: var(--brand-ink);
    background: transparent;
    border: 0.5px solid var(--line);
    border-radius: 999px;
    cursor: pointer;
    transition: background .15s,border-color .15s;
}

    .lb-fame-more:hover[b-cfluptgmvs] {
        background: var(--surface-2);
        border-color: var(--brand-2);
    }

    .lb-fame-more i[b-cfluptgmvs] {
        font-size: 15px;
        transition: transform .25s;
    }

.lb-fame.expanded .lb-fame-more i[b-cfluptgmvs] {
    transform: rotate(180deg);
}

@media(min-width:620px) {
    .lb-roll[b-cfluptgmvs] {
        grid-template-columns: 1fr 1fr;
    }
}

@media(min-width:980px) {
    .lb-roll[b-cfluptgmvs] {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(max-width:560px) {
    .lb-podium[b-cfluptgmvs] {
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: stretch;
    }

    .lb-pod[b-cfluptgmvs] {
        flex-direction: row;
        text-align: left;
        gap: 12px;
        padding: 14px;
        flex-wrap: wrap;
    }

        .lb-pod-face[b-cfluptgmvs], .lb-pod.gold .lb-pod-face[b-cfluptgmvs] {
            margin-bottom: 0;
            width: 46px;
            height: 46px;
            font-size: 16px;
        }

    .lb-win[b-cfluptgmvs] {
        display: none;
    }

    .lb-pod-rank[b-cfluptgmvs] {
        position: static;
        transform: none;
        margin-right: 2px;
    }

    .lb-pod-pts[b-cfluptgmvs] {
        margin-top: 0;
        margin-left: auto;
    }

    .lb-pod-tag[b-cfluptgmvs] {
        display: none;
    }

    .lb-pod-main[b-cfluptgmvs] {
        flex: 1;
        min-width: 0;
    }

    .lb-pod-story[b-cfluptgmvs] {
        flex-basis: 100%;
        margin-top: 8px;
        max-width: none;
    }
}

.heat[b-cfluptgmvs] {
    position: relative;
    background: var(--dark);
    border-radius: var(--r-xl);
    overflow: hidden;
    color: #fff;
    padding: 4px 0 6px;
}

.heat-head[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding: 18px 22px 14px;
}

.heat-k[b-cfluptgmvs] {
    font-size: 11px;
    letter-spacing: .09em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--dark-ink-2);
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.heat-x[b-cfluptgmvs] {
    font-size: 11px;
    color: var(--dark-ink-3);
}

    .heat-x b[b-cfluptgmvs] {
        color: #fff;
        font-weight: 600;
    }

.heat-grid[b-cfluptgmvs] {
    display: grid;
    gap: 6px;
    padding: 0 18px 4px;
}

.heat-colhead[b-cfluptgmvs] {
    display: grid;
    grid-template-columns: 148px repeat(4,1fr) 70px;
    gap: 6px;
    align-items: end;
    margin-bottom: 2px;
}

    .heat-colhead .hc-area[b-cfluptgmvs] {
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: var(--dark-ink-3);
    }

    .heat-colhead .hc-st[b-cfluptgmvs] {
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: .03em;
        text-transform: uppercase;
        color: var(--dark-ink-3);
        text-align: center;
        line-height: 1.25;
    }

    .heat-colhead .hc-tot[b-cfluptgmvs] {
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: .03em;
        text-transform: uppercase;
        color: var(--dark-ink-3);
        text-align: right;
    }

.heat-row[b-cfluptgmvs] {
    display: grid;
    grid-template-columns: 148px repeat(4,1fr) 70px;
    gap: 6px;
    align-items: center;
}

.hr-area[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

    .hr-area i[b-cfluptgmvs] {
        font-size: 16px;
        color: var(--dark-ink-2);
        flex-shrink: 0;
    }

    .hr-area b[b-cfluptgmvs] {
        font-size: 12.5px;
        font-weight: 600;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.hcell[b-cfluptgmvs] {
    position: relative;
    height: 46px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 0.5px solid rgba(255,255,255,.07);
    transition: transform .14s,box-shadow .14s,border-color .14s;
    overflow: hidden;
}

    .hcell:hover[b-cfluptgmvs] {
        transform: translateY(-2px);
        border-color: rgba(255,255,255,.4);
        box-shadow: 0 8px 22px rgba(0,0,0,.34);
        z-index: 2;
    }

    .hcell b[b-cfluptgmvs] {
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        font-variant-numeric: tabular-nums;
        text-shadow: 0 1px 4px rgba(0,0,0,.4);
    }

    .hcell.l0[b-cfluptgmvs] {
        background: rgba(255,255,255,.035);
    }

        .hcell.l0 b[b-cfluptgmvs] {
            color: var(--dark-ink-3);
            text-shadow: none;
        }

    .hcell.l1[b-cfluptgmvs] {
        background: rgba(67,124,160,.30);
    }

    .hcell.l2[b-cfluptgmvs] {
        background: rgba(60,150,140,.42);
    }

    .hcell.l3[b-cfluptgmvs] {
        background: rgba(214,160,74,.58);
    }

    .hcell.l4[b-cfluptgmvs] {
        background: linear-gradient(135deg,#E07A4E,#C44FA0);
    }

    .hcell.spark[b-cfluptgmvs]::after {
        content: "✦";
        position: absolute;
        top: 3px;
        right: 5px;
        font-size: 8px;
        color: rgba(255,255,255,.85);
    }

.hr-tot[b-cfluptgmvs] {
    text-align: right;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    font-variant-numeric: tabular-nums;
}

    .hr-tot span[b-cfluptgmvs] {
        display: block;
        font-size: 9px;
        font-weight: 600;
        color: var(--dark-ink-3);
        text-transform: uppercase;
        letter-spacing: .03em;
    }

.heat-foot[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding: 14px 22px 14px;
}

.heat-scale[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.hs-l[b-cfluptgmvs] {
    font-size: 10.5px;
    color: var(--dark-ink-3);
}

.hs-ramp[b-cfluptgmvs] {
    display: inline-flex;
    gap: 3px;
}

    .hs-ramp i[b-cfluptgmvs] {
        width: 22px;
        height: 9px;
        border-radius: 2px;
    }

        .hs-ramp i:nth-child(1)[b-cfluptgmvs] {
            background: rgba(255,255,255,.05);
        }

        .hs-ramp i:nth-child(2)[b-cfluptgmvs] {
            background: rgba(67,124,160,.30);
        }

        .hs-ramp i:nth-child(3)[b-cfluptgmvs] {
            background: rgba(60,150,140,.42);
        }

        .hs-ramp i:nth-child(4)[b-cfluptgmvs] {
            background: rgba(214,160,74,.58);
        }

        .hs-ramp i:nth-child(5)[b-cfluptgmvs] {
            background: linear-gradient(135deg,#E07A4E,#C44FA0);
        }

.heat-hint[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--dark-ink-2);
}

    .heat-hint i[b-cfluptgmvs] {
        font-size: 14px;
    }

@media(max-width:720px) {
    .heat-colhead[b-cfluptgmvs], .heat-row[b-cfluptgmvs] {
        grid-template-columns: 104px repeat(4,1fr) 0;
    }

        .heat-colhead .hc-tot[b-cfluptgmvs], .hr-tot[b-cfluptgmvs] {
            display: none;
        }

    .hr-area b[b-cfluptgmvs] {
        font-size: 11px;
    }

    .hr-area i[b-cfluptgmvs] {
        font-size: 14px;
    }

    .hcell[b-cfluptgmvs] {
        height: 40px;
    }

    .heat-colhead .hc-st[b-cfluptgmvs] {
        font-size: 8px;
    }
}


.netg[b-cfluptgmvs] {
    position: relative;
    background: var(--dark);
    border-radius: var(--r-xl);
    overflow: hidden;
    color: #fff;
}

    .netg[b-cfluptgmvs]::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(circle at 1px 1px,rgba(255,255,255,0.045) 1px,transparent 0);
        background-size: 30px 30px;
        pointer-events: none;
    }

.netg-head[b-cfluptgmvs] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding: 18px 22px 6px;
}

.netg-k[b-cfluptgmvs] {
    font-size: 11px;
    letter-spacing: .09em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--dark-ink-2);
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.netg-x[b-cfluptgmvs] {
    font-size: 11px;
    color: var(--dark-ink-3);
}

    .netg-x b[b-cfluptgmvs] {
        color: #fff;
        font-weight: 600;
    }

.netg-stage[b-cfluptgmvs] {
    position: relative;
    width: 100%;
    aspect-ratio: 1000/600;
}

.netg-svg[b-cfluptgmvs] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.ng-edge[b-cfluptgmvs] {
    stroke: rgba(255,255,255,.12);
    fill: none;
    transition: stroke .2s,stroke-width .2s,opacity .2s;
}

    .ng-edge.lit[b-cfluptgmvs] {
        stroke: rgba(217,199,154,.8);
    }

.netg.sel .ng-edge:not(.lit)[b-cfluptgmvs] {
    opacity: .18;
}

.netg-nodes[b-cfluptgmvs] {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.nnode[b-cfluptgmvs] {
    position: absolute;
    transform: translate(-50%,-50%);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    transition: opacity .2s;
}

.netg.sel .nnode:not(.active):not(.adj)[b-cfluptgmvs] {
    opacity: .32;
}
.nnode.theme .nn-dot[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: #fff;
    box-shadow: 0 8px 22px rgba(0,0,0,.32);
    border: 1px solid rgba(255,255,255,.18);
    transition: transform .18s,box-shadow .18s;
}

    .nnode.theme .nn-dot i[b-cfluptgmvs] {
        font-size: 21px;
    }

.nnode.theme.active .nn-dot[b-cfluptgmvs], .nnode.theme:hover .nn-dot[b-cfluptgmvs] {
    transform: scale(1.07);
    box-shadow: 0 12px 30px rgba(0,0,0,.42);
}

.nnode .nn-label[b-cfluptgmvs] {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 1.15;
    max-width: 130px;
    text-shadow: 0 1px 6px rgba(0,0,0,.4);
}

.nnode .nn-sub[b-cfluptgmvs] {
    font-size: 9.5px;
    color: var(--dark-ink-3);
    text-align: center;
}
.nnode.unit .nn-dot[b-cfluptgmvs] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #243B52;
    border: 1px solid rgba(255,255,255,.16);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #CFE0EE;
    transition: transform .18s,border-color .18s;
    box-shadow: 0 5px 16px rgba(0,0,0,.3);
}

    .nnode.unit .nn-dot i[b-cfluptgmvs] {
        font-size: 17px;
    }

.nnode.unit:hover .nn-dot[b-cfluptgmvs], .nnode.unit.active .nn-dot[b-cfluptgmvs] {
    transform: scale(1.08);
    border-color: rgba(217,199,154,.6);
}

.nnode.unit .nn-label[b-cfluptgmvs] {
    font-size: 10.5px;
    font-weight: 600;
    color: var(--dark-ink-2);
}

.nnode.adj .nn-label[b-cfluptgmvs] {
    color: #fff;
}

.nnode.active .nn-label[b-cfluptgmvs] {
    color: #fff;
}

.nnode.theme.active .nn-label[b-cfluptgmvs], .nnode.theme.adj .nn-label[b-cfluptgmvs] {
    color: #fff;
}

.netg-foot[b-cfluptgmvs] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding: 14px 22px 16px;
    border-top: 0.5px solid var(--dark-line);
}

.netg-legend[b-cfluptgmvs] {
    display: flex;
    gap: 7px 16px;
    flex-wrap: wrap;
}

.ngl[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    color: var(--dark-ink-2);
}

.ngl-d[b-cfluptgmvs] {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

    .ngl-d.theme[b-cfluptgmvs] {
        border-radius: 4px;
        background: linear-gradient(135deg,#3A4FB8,#9A7B2E);
    }

    .ngl-d.unit[b-cfluptgmvs] {
        border-radius: 50%;
        background: #243B52;
        border: 1px solid rgba(255,255,255,.3);
    }

.ngl-line[b-cfluptgmvs] {
    width: 18px;
    height: 0;
    border-top: 2px solid rgba(255,255,255,.4);
    flex-shrink: 0;
}

.netg-cap[b-cfluptgmvs] {
    font-size: 12px;
    color: #9FE6DC;
    font-weight: 600;
    max-width: 52ch;
    text-align: right;
}

@media(max-width:720px) {
    .nnode .nn-label[b-cfluptgmvs] {
        font-size: 9.5px;
        max-width: 84px;
    }

    .nnode.theme .nn-dot i[b-cfluptgmvs] {
        font-size: 17px;
    }

    .nnode.unit .nn-dot[b-cfluptgmvs] {
        width: 38px;
        height: 38px;
    }

        .nnode.unit .nn-dot i[b-cfluptgmvs] {
            font-size: 14px;
        }

    .netg-cap[b-cfluptgmvs] {
        text-align: left;
    }
}
.rl-card[b-cfluptgmvs] {
    background: var(--surface);
    border: 0.5px solid var(--line);
    border-radius: var(--r-card);
    padding: 14px 15px;
    margin-bottom: 16px;
}

.rl-head[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.rl-title[b-cfluptgmvs] {
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rl-sub[b-cfluptgmvs] {
    font-size: 11px;
    color: var(--ink-3);
    margin-bottom: 10px;
}

.ls-badge[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--ok-ink);
    background: var(--ok-soft);
    border-radius: 999px;
    padding: 3px 9px;
    flex-shrink: 0;
}

.ls-dot[b-cfluptgmvs] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ok-ink);
    animation: lspulse-b-cfluptgmvs 1.8s infinite;
}

@keyframes lspulse-b-cfluptgmvs {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .35;
    }

    100% {
        opacity: 1;
    }
}

.ls-feed[b-cfluptgmvs] {
    min-width: 0;
    flex: 1;
    transition: opacity .34s,transform .34s;
}

    .ls-feed.out[b-cfluptgmvs] {
        opacity: 0;
        transform: translateY(-4px);
    }

.ls-item[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--ink-2);
    white-space: nowrap;
    overflow: hidden;
}

    .ls-item > span:not(.ls-when)[b-cfluptgmvs] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ls-item b[b-cfluptgmvs] {
        font-weight: 600;
        color: var(--ink);
    }

    .ls-item i[b-cfluptgmvs] {
        font-size: 14px;
        color: var(--accent-ink);
        flex-shrink: 0;
    }

.ls-when[b-cfluptgmvs] {
    font-size: 10.5px;
    color: var(--ink-3);
    flex-shrink: 0;
}

.ls-all[b-cfluptgmvs] {
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 600;
    color: var(--brand-2);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

    .ls-all:hover[b-cfluptgmvs] {
        color: var(--brand-ink);
    }

@media(max-width:600px) {
    .ls-when[b-cfluptgmvs] {
        display: none;
    }
}

.pb-intent:hover .pbi-t[b-cfluptgmvs] {
    color: var(--brand-ink);
}

.pb-intent:hover .pbi-a[b-cfluptgmvs] {
    color: var(--brand-2);
}

.team-vision[b-cfluptgmvs] {
    position: relative;
    background: linear-gradient(165deg,var(--ai-wash),var(--surface));
    border: 0.5px solid var(--line-2);
    border-radius: var(--r-xl);
    padding: 26px 28px 24px;
    margin-bottom: 22px;
}

.tv-mark[b-cfluptgmvs] {
    position: absolute;
    top: 18px;
    right: 22px;
    color: var(--line-2);
}

    .tv-mark i[b-cfluptgmvs] {
        font-size: 44px;
    }

.tv-text[b-cfluptgmvs] {
    position: relative;
    font-family: var(--serif);
    font-size: clamp(17px,1.7vw,21px);
    line-height: 1.5;
    color: var(--ink);
    margin: 0 0 14px;
    max-width: 74ch;
    font-weight: 400;
}

    .tv-text b[b-cfluptgmvs] {
        font-weight: 600;
    }

.tv-by[b-cfluptgmvs] {
    font-size: 12px;
    font-weight: 600;
    color: var(--brand-ink);
    letter-spacing: .01em;
}

.star[b-cfluptgmvs] {
    margin-bottom: 22px;
}

.star-stage[b-cfluptgmvs] {
    position: relative;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    aspect-ratio: 940/700;
}

.star-svg[b-cfluptgmvs] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.sx-spoke[b-cfluptgmvs] {
    stroke: var(--line-2);
    stroke-width: 1.25;
    transition: stroke .2s, stroke-width .2s, opacity .2s;
}

    .sx-spoke.lit[b-cfluptgmvs] {
        stroke: var(--gold);
        stroke-width: 1.4;
        opacity: .4;
    }

.star.sel .sx-spoke:not(.lit)[b-cfluptgmvs] {
    opacity: .04;
}

.star-nodes[b-cfluptgmvs] {
    position: absolute;
    inset: 0;
    z-index: 2;
}

#star-svg[b-cfluptgmvs] {
    z-index: 0;
}

#star-nodes[b-cfluptgmvs] {
    z-index: 3;
}

.snode[b-cfluptgmvs] {
    position: absolute;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: opacity .22s, filter .22s;
    z-index: 1;
}

.snode-photo[b-cfluptgmvs] {
    border-radius: 50%;
    background: var(--surface);
    border: 3px solid var(--surface);
    box-shadow: 0 6px 20px rgba(22,21,20,.16);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform .22s,box-shadow .22s,width .3s,height .3s;
}

    .snode-photo[b-cfluptgmvs]::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: var(--photo,none) center/cover no-repeat;
        filter: saturate(1);
        transition: filter .35s ease;
        z-index: 0;
    }

.snode:hover .snode-photo[b-cfluptgmvs]::before,
.snode.active .snode-photo[b-cfluptgmvs]::before {
    filter: saturate(1.14) brightness(1.04);
}

.snode-mono[b-cfluptgmvs] {
    font-family: var(--serif);
    font-weight: 600;
    color: rgba(255,255,255,.92);
    position: relative;
    z-index: 1;
}

.snode-ring[b-cfluptgmvs] {
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    border: 2px solid var(--gold);
    opacity: 0;
}

.snode-label[b-cfluptgmvs] {
    text-align: center;
    line-height: 1.16;
}

    .snode-label b[b-cfluptgmvs] {
        display: block;
        font-size: 12.5px;
        font-weight: 600;
        color: var(--ink);
    }

    .snode-label span[b-cfluptgmvs] {
        font-size: 10px;
        color: var(--ink-3);
    }

.snode.member .snode-photo[b-cfluptgmvs] {
    width: 101px;
    height: 101px;
}

.snode.member .snode-mono[b-cfluptgmvs] {
    font-size: 32px;
}

.snode.member.outer-node .snode-photo[b-cfluptgmvs] {
    width: 83px;
    height: 83px;
}

.snode.member.outer-node .snode-mono[b-cfluptgmvs] {
    font-size: 26px;
}

.sx-hub[b-cfluptgmvs] {
    stroke: var(--brand-2);
    stroke-width: 1;
    opacity: .12;
}

.sx-mesh[b-cfluptgmvs] {
    stroke: var(--brand-2);
    stroke-width: 1;
    opacity: .07;
}

.star-more[b-cfluptgmvs] {
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 6px;
    margin: 6px auto 0;
    padding: 7px 15px;
    border: 1px solid var(--line-2);
    border-radius: 999px;
    background: var(--surface);
    color: var(--ink-2);
    font: 600 12.5px var(--sans);
    cursor: pointer;
    transition: border-color .2s, color .2s;
}

    .star-more:hover[b-cfluptgmvs] {
        border-color: var(--brand);
        color: var(--brand-ink);
    }

.snode:hover .snode-photo[b-cfluptgmvs] {
    transform: scale(1.05);
    box-shadow: 0 10px 26px rgba(22,21,20,.2);
}

.snode.leader .snode-photo[b-cfluptgmvs] {
    width: 140px;
    height: 140px;
    box-shadow: 0 0 0 4px var(--gold-soft),0 12px 30px rgba(22,21,20,.2);
}

.snode.leader .snode-mono[b-cfluptgmvs] {
    font-size: 46px;
}

.snode.leader .snode-label b[b-cfluptgmvs] {
    font-size: 14px;
}

.snode-crown[b-cfluptgmvs] {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(145deg,#D9C79A,#9A7B2E);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #13233A;
    box-shadow: 0 4px 12px rgba(154,123,46,.45);
    z-index: 2;
}

    .snode-crown i[b-cfluptgmvs] {
        font-size: 14px;
    }
.sn-story[b-cfluptgmvs] {
    display: none;
}
.star.sel .snode:not(.active)[b-cfluptgmvs] {
    filter: brightness(.8) saturate(.6);
}

    .star.sel .snode:not(.active):hover[b-cfluptgmvs] {
        filter: brightness(.95) saturate(.9);
    }
.snode.active[b-cfluptgmvs] {
    z-index: 20;
    width: 264px;
    max-width: 78vw;
    background: var(--surface);
    border: 0.5px solid var(--line-2);
    border-radius: var(--r-xl);
    box-shadow: 0 22px 60px rgba(22,21,20,.22);
    padding: 18px 18px 16px;
    gap: 0;
    cursor: default;
    animation: snpop-b-cfluptgmvs .26s cubic-bezier(.34,1.2,.5,1);
}

@keyframes snpop-b-cfluptgmvs {
    from {
        opacity: .4;
        transform: translate(-50%,-50%) scale(.9);
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
    }
}

.snode.active .snode-photo[b-cfluptgmvs] {
    width: 66px !important;
    height: 66px !important;
    margin-bottom: 11px;
    box-shadow: 0 6px 18px rgba(22,21,20,.18);
}

.snode.active.leader .snode-photo[b-cfluptgmvs] {
    box-shadow: 0 0 0 3px var(--gold-soft),0 6px 18px rgba(22,21,20,.18);
}

.snode.active .snode-mono[b-cfluptgmvs] {
    font-size: 24px !important;
}

.snode.active .snode-ring[b-cfluptgmvs] {
    display: none;
}

.snode.active .snode-label[b-cfluptgmvs] {
    text-align: left;
    width: 100%;
    margin-bottom: 2px;
}

    .snode.active .snode-label b[b-cfluptgmvs] {
        font-family: var(--serif);
        font-size: 18px;
    }

    .snode.active .snode-label span[b-cfluptgmvs] {
        display: none;
    }

.snode.active .sn-story[b-cfluptgmvs] {
    display: block;
    width: 100%;
    animation: snfade-b-cfluptgmvs .3s ease .06s both;
}

@keyframes snfade-b-cfluptgmvs {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.sn-st-role[b-cfluptgmvs] {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--accent-ink);
    letter-spacing: .02em;
    margin: 1px 0 9px;
}

.sn-st-do[b-cfluptgmvs] {
    font-size: 13px;
    line-height: 1.55;
    color: var(--ink-2);
    margin: 0 0 13px;
}

.sn-st-foot[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.sn-tag[b-cfluptgmvs] {
    font-size: 10px;
    font-weight: 600;
    color: var(--ink-2);
    background: var(--surface-2);
    border-radius: 999px;
    padding: 4px 9px;
}

.sn-reach[b-cfluptgmvs] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 13px;
    border-radius: var(--r-md);
    background: var(--brand);
    color: #fff;
    border: 0;
    cursor: pointer;
}

    .sn-reach:hover[b-cfluptgmvs] {
        background: var(--brand-2);
    }

    .sn-reach i[b-cfluptgmvs] {
        font-size: 14px;
    }

@media(max-width:600px) {
    .snode.member .snode-photo[b-cfluptgmvs] {
        width: 62px;
        height: 62px;
    }

    .snode.member .snode-mono[b-cfluptgmvs] {
        font-size: 20px;
    }

    .snode.leader .snode-photo[b-cfluptgmvs] {
        width: 88px;
        height: 88px;
    }

    .snode.leader .snode-mono[b-cfluptgmvs] {
        font-size: 28px;
    }

    .snode-label span[b-cfluptgmvs] {
        display: none;
    }

    .snode.active[b-cfluptgmvs] {
        width: 210px;
    }
}

.brandfoot[b-cfluptgmvs] {
    background: var(--surface);
    border-top: 0.5px solid var(--line);
    margin-top: 20px;
}

.bf-in[b-cfluptgmvs] {
    width: 100%;
    padding: 34px 22px 30px;
}

.bf-cols[b-cfluptgmvs] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 26px;
    margin-bottom: 28px;
}

.bf-col h4[b-cfluptgmvs] {
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-3);
    font-weight: 700;
    margin-bottom: 13px;
}

.bf-link[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px 0;
    font-size: 13px;
    color: var(--ink-2);
    cursor: pointer;
}

    .bf-link:hover[b-cfluptgmvs] {
        color: var(--brand-ink);
    }

    .bf-link i[b-cfluptgmvs] {
        font-size: 16px;
        color: var(--ink-3);
    }

    .bf-link:hover i[b-cfluptgmvs] {
        color: var(--brand-2);
    }

.bf-bottom[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding-top: 22px;
    border-top: 0.5px solid var(--line);
}

.bf-left[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 11.5px;
    color: var(--ink-3);
}

    .bf-left .bf-mark[b-cfluptgmvs] {
        width: 22px;
        height: 22px;
        border-radius: 5px;
        object-fit: cover;
        flex-shrink: 0;
    }

.powered[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--ink-3);
}

    .powered .amark[b-cfluptgmvs] {
        width: 19px;
        height: 19px;
        border-radius: 5px;
        background: var(--ink);
        color: var(--canvas);
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        .powered .amark i[b-cfluptgmvs] {
            font-size: 12px;
        }

    .powered b[b-cfluptgmvs] {
        font-weight: 600;
        color: var(--ink-2);
    }

@media(min-width:680px) {
    .bf-cols[b-cfluptgmvs] {
        grid-template-columns: repeat(4,1fr);
    }
}

.flash[b-cfluptgmvs] {
    animation: flashring-b-cfluptgmvs 1.8s ease;
}

@keyframes flashring-b-cfluptgmvs {
    0%,100% {
        box-shadow: 0 0 0 0 rgba(74,56,214,0);
    }

    25% {
        box-shadow: 0 0 0 3px rgba(74,56,214,.45);
    }
}

#toast[b-cfluptgmvs] {
    position: fixed;
    left: 50%;
    bottom: 26px;
    transform: translateX(-50%) translateY(12px);
    z-index: 60;
    background: var(--ink);
    color: var(--canvas);
    font-size: 13px;
    padding: 11px 16px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 9px;
    max-width: 88vw;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s,transform .25s;
    box-shadow: 0 6px 24px rgba(0,0,0,.18);
}

    #toast.show[b-cfluptgmvs] {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }

    #toast i[b-cfluptgmvs] {
        font-size: 15px;
        color: #9FB4CC;
        flex-shrink: 0;
    }

    #toast .tx[b-cfluptgmvs] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.tabbar[b-cfluptgmvs] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    background: rgba(248,247,244,0.94);
    backdrop-filter: blur(10px);
    border-top: 0.5px solid var(--line);
    display: flex;
    justify-content: space-around;
    padding: 7px 6px calc(7px + env(safe-area-inset-bottom));
}

.tab[b-cfluptgmvs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    font-size: 10px;
    color: var(--ink-3);
    padding: 4px 10px;
    border-radius: 10px;
}

    .tab i[b-cfluptgmvs] {
        font-size: 20px;
    }

    .tab.on[b-cfluptgmvs] {
        color: var(--brand);
    }

.tab-fab[b-cfluptgmvs] {
    margin-top: -22px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--brand);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--canvas);
}

    .tab-fab i[b-cfluptgmvs] {
        font-size: 22px;
    }

@media(min-width:640px) {
    .pillars3[b-cfluptgmvs] {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(min-width:760px) {
    .shell[b-cfluptgmvs] {
        display: grid;
        grid-template-columns: 74px minmax(0,1fr);
        column-gap: 24px;
        padding: 24px;
    }

    .navrail[b-cfluptgmvs] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        grid-column: 1;
        grid-row: 1;
        position: sticky;
        top: calc(var(--topbar-h) + var(--strip-h) + 24px);
        align-self: start;
    }

    .main[b-cfluptgmvs] {
        grid-column: 2;
        grid-row: 1;
    }

    .rightrail[b-cfluptgmvs] {
        grid-column: 2;
        grid-row: 2;
        margin-top: 6px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 16px;
        align-items: start;
    }

        .rightrail .rl-card[b-cfluptgmvs] {
            margin-bottom: 0;
        }

    .tabbar[b-cfluptgmvs] {
        display: none;
    }

    .nav-sect[b-cfluptgmvs] {
        display: none;
    }

    .nav-div[b-cfluptgmvs] {
        height: 1px;
        background: var(--line);
        margin: 9px auto;
        width: 64%;
    }

    .nav-i[b-cfluptgmvs] {
        width: 48px;
        height: 44px;
        border-radius: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--ink-3);
        margin: 0 auto;
        position: relative;
    }

        .nav-i i[b-cfluptgmvs] {
            font-size: 21px;
        }

        .nav-i:hover[b-cfluptgmvs] {
            background: var(--surface-2);
            color: var(--ink);
        }

        .nav-i .label[b-cfluptgmvs] {
            display: none;
        }

    .nav-new[b-cfluptgmvs] {
        margin: 10px auto 0;
        width: 48px;
        height: 44px;
        border-radius: 11px;
        background: var(--brand);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .nav-new i[b-cfluptgmvs] {
            font-size: 22px;
        }

        .nav-new .label[b-cfluptgmvs] {
            display: none;
        }
}

@media(min-width:1040px) {
    .shell[b-cfluptgmvs] {
        grid-template-columns: 74px minmax(0,1fr) 320px;
    }

    .rightrail[b-cfluptgmvs] {
        grid-column: 3;
        grid-row: 1;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        position: sticky;
        top: calc(var(--topbar-h) + var(--strip-h) + 24px);
        align-self: start;
        max-height: calc(100vh - var(--topbar-h) - var(--strip-h) - 40px);
        overflow: hidden;
    }

        .rightrail .rl-card[b-cfluptgmvs] {
            margin-bottom: 0;
        }

    .rail-pinned[b-cfluptgmvs] {
        display: flex;
        flex-direction: column;
        gap: 16px;
        flex-shrink: 0;
        background: transparent !important;
    }

    .rail-rest[b-cfluptgmvs] {
        display: flex;
        flex-direction: column;
        gap: 16px;
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        margin-top: 16px;
        padding-right: 2px;
        scrollbar-width: thin;
    }

        .rail-rest[b-cfluptgmvs]::-webkit-scrollbar {
            width: 7px;
        }

        .rail-rest[b-cfluptgmvs]::-webkit-scrollbar-thumb {
            background: var(--line-2);
            border-radius: 4px;
        }
}

@media(min-width:1320px) {
    .shell[b-cfluptgmvs] {
        grid-template-columns: 220px minmax(0,1fr) 340px;
        column-gap: 28px;
    }

    .nav-i[b-cfluptgmvs] {
        width: 100%;
        justify-content: flex-start;
        gap: 13px;
        padding: 0 16px;
        height: 44px;
        border-radius: 11px;
    }

        .nav-i .label[b-cfluptgmvs] {
            display: inline;
            font-size: 14px;
            font-weight: 500;
        }

    .nav-new[b-cfluptgmvs] {
        width: 100%;
        justify-content: flex-start;
        gap: 10px;
        padding: 0 16px;
        height: 46px;
    }

        .nav-new .label[b-cfluptgmvs] {
            display: inline;
            font-size: 14px;
            font-weight: 600;
        }

    .nav-sect[b-cfluptgmvs] {
        display: block;
        font-size: 10px;
        letter-spacing: 0.09em;
        text-transform: uppercase;
        color: var(--ink-3);
        font-weight: 600;
        padding: 14px 16px 6px;
    }

    .nav-div[b-cfluptgmvs] {
        display: none;
    }
}

@media(min-width:1800px) {
    .shell[b-cfluptgmvs] {
        grid-template-columns: 240px minmax(0,1fr) 360px;
        column-gap: 40px;
        padding: 30px 48px;
    }

    .topbar[b-cfluptgmvs] {
        padding: 0 48px;
    }

    .bf-in[b-cfluptgmvs] {
        padding: 40px 48px 34px;
    }
}

@media(min-width:2400px) {
    .shell[b-cfluptgmvs] {
        grid-template-columns: 260px minmax(0,1fr) 380px;
        column-gap: 56px;
        padding: 34px 72px;
    }

    .topbar[b-cfluptgmvs] {
        padding: 0 72px;
    }

    .bf-in[b-cfluptgmvs] {
        padding: 48px 72px 40px;
    }

    .rightrail[b-cfluptgmvs] {
        position: sticky;
    }
}

.vmodal[b-cfluptgmvs] {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(8,14,24,0.74);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    animation: vmodal-in-b-cfluptgmvs .2s ease;
}

@keyframes vmodal-in-b-cfluptgmvs {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.vmodal-card[b-cfluptgmvs] {
    position: relative;
    width: min(960px, 100%);
    background: #0E1B2C;
    border: 0.5px solid rgba(255,255,255,0.12);
    border-radius: var(--r-lg);
    box-shadow: 0 40px 100px rgba(0,0,0,0.6);
    overflow: hidden;
    animation: vmodal-rise-b-cfluptgmvs .26s cubic-bezier(.16,1,.3,1);
}

@keyframes vmodal-rise-b-cfluptgmvs {
    from {
        transform: translateY(12px) scale(.99);
        opacity: 0;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.vmodal-frame[b-cfluptgmvs] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

    .vmodal-frame iframe[b-cfluptgmvs] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.vmodal-x[b-cfluptgmvs] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 0;
    background: rgba(8,14,24,0.7);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
}

    .vmodal-x:hover[b-cfluptgmvs] {
        background: rgba(8,14,24,0.95);
    }

.vmodal-meta[b-cfluptgmvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    color: #fff;
}

.vmodal-title[b-cfluptgmvs] {
    font-family: var(--serif);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.01em;
}

.vmodal-src[b-cfluptgmvs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--dark-ink-2);
    font-size: 13px;
    white-space: nowrap;
}

    .vmodal-src i[b-cfluptgmvs] {
        color: #FF0000;
    }


.hoi-root img[b-cfluptgmvs] {
    max-width: 100%;
}

@media(min-width:2000px) {
    .shell[b-cfluptgmvs] {
        max-width: 1880px;
        margin-inline: auto;
        grid-template-columns: 240px minmax(0,1fr) 360px;
        column-gap: 32px;
        padding: 32px 40px;
    }
}

@media(max-width:1040px) {
    .main > section[b-cfluptgmvs] {
        margin-bottom: 44px;
    }
}

@media(max-width:760px) {
    .main > section[b-cfluptgmvs] {
        margin-bottom: 38px;
    }

    .intent-head[b-cfluptgmvs] {
        margin-bottom: 18px;
    }
}

@media(max-width:480px) {
    .shell[b-cfluptgmvs] {
        padding: 14px;
    }

    .topbar[b-cfluptgmvs] {
        padding: 0 14px;
    }

    .main > section[b-cfluptgmvs] {
        margin-bottom: 30px;
    }
}


.hoi-root.theme-beverage[b-cfluptgmvs] {
    --brand: #D31336;
    --brand-2: #B10E2B;
    --brand-ink: #8A0B21;
}
/* /Components/AinnaPages/NewLanding.razor.rz.scp.css */
.nl[b-07laemirqu] {
    --paper-0: #FFFFFF;
    --paper-1: #FFFFFF;
    --paper-2: #F4F4F2;
    --ink-0: #0B0B0E;
    --ink-1: #3D3D44;
    --ink-2: #66666E;
    --rule: #DCDCD9;
    --rule-soft: #ECECE9;
    --wash: #F7F7F5;
    --sheet: #FFFFFF;
    --sheet-rule: color-mix(in srgb,var(--accent) 14%,var(--rule-soft));
    --sheet-well: color-mix(in srgb,var(--accent) 4%,var(--paper-0));
    --sheet-2: color-mix(in srgb,var(--accent) 5%,var(--paper-0));
    --spark: #F4089B;
    --spark-hi: #FB50BA;
    --spark-deep: #C2007A;
    --spark-tint: #FDEDF6;
    --spark-rgb: 244,8,155;
    --accent: #C2007A;
    --accent-rgb: 194,0,122;
    --accent-tint: #FDEDF6;
    --on-accent: #FFFFFF;
    --figure: #0B0B0E;
    --hl: #C2007A;
    --cta: linear-gradient(100deg,#24242B 0%,#0B0B0E 100%);
    --cta-solid: #0B0B0E;
    --cta-hover: #C2007A;
    --cta-rgb: 11,11,14;
    --on-cta: #FFFFFF;
    --shade: 11,11,14;
    --accent-dark: #D0A6FF;
    --accent-tint-dark: #331A55;
    --on-accent-dark: #160A2E;
    --no: #B8163F;
    --no-tint: #F8DFE6;
    --hold: #1A7A52;
    --hold-tint: #DDEFE5;
    --reframe: #8F5E00;
    --reframe-tint: #F6EBD2;
    --focus: var(--accent);
    --glow: var(--accent-rgb);
    --f-display: "Archivo","Helvetica Neue",Arial,sans-serif;
    --f-ui: "IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;
    --f-mono: "IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;
    --max: 112rem;
    --gutter: clamp(1rem,3vw,3rem);
    color-scheme: light;
    background: var(--paper-0);
    --h-top: var(--paper-0);
    background: linear-gradient(var(--h-top), var(--h-top)) top / 100% 100svh no-repeat, var(--paper-0);
    color: var(--ink-0);
    font-family: var(--f-ui);
    font-size: 17px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
}

@media (prefers-color-scheme:dark) {
    .nl:not([data-theme="light"])[b-07laemirqu] {
        --paper-0: #0C1017;
        --paper-1: #151A22;
        --paper-2: #07090D;
        --ink-0: #E8ECF1;
        --ink-1: #A8B1BD;
        --ink-2: #7B8593;
        --rule: #29303B;
        --rule-soft: #1B2129;
        --wash: #070B1C;
        --sheet: #241F35;
        --sheet-rule: #3E3757;
        --sheet-well: #151223;
        --sheet-2: #1B1729;
        --accent: #D0A6FF;
        --accent-tint: #331A55;
        --on-accent: #160A2E;
        --no: #F05C73;
        --no-tint: #33151B;
        --hold: #4FC993;
        --hold-tint: #10291E;
        --reframe: #E5B54A;
        --reframe-tint: #2E2410;
        color-scheme: dark;
    }
}

.nl[data-theme="dark"][b-07laemirqu] {
    --h-top: #0B0A14;
    --paper-0: #0C1017;
    --paper-1: #151A22;
    --paper-2: #07090D;
    --ink-0: #E8ECF1;
    --ink-1: #A8B1BD;
    --ink-2: #7B8593;
    --rule: #29303B;
    --rule-soft: #1B2129;
    --wash: #070B1C;
    --sheet: #241F35;
    --sheet-rule: #3E3757;
    --sheet-well: #151223;
    --sheet-2: #1B1729;
    --accent: #D0A6FF;
    --accent-rgb: 208,166,255;
    --accent-tint: #331A55;
    --on-accent: #160A2E;
    --shade: 0,0,0;
    --no: #F05C73;
    --no-tint: #33151B;
    --hold: #4FC993;
    --hold-tint: #10291E;
    --reframe: #E5B54A;
    --reframe-tint: #2E2410;
    color-scheme: dark;
}

.nl[b-07laemirqu]  *, .nl[b-07laemirqu]  *::before, .nl[b-07laemirqu]  *::after {
    box-sizing: border-box
}

:where(.nl) a[b-07laemirqu] {
    color: var(--accent);
    text-decoration: none
}

    :where(.nl) a:hover[b-07laemirqu] {
        text-decoration: underline;
        text-underline-offset: .15em
    }

:where(.nl) button[b-07laemirqu] {
    font: inherit;
    cursor: pointer;
    color: inherit
}

.nl[b-07laemirqu]  :focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px
}

.nl h1:focus[b-07laemirqu], .nl h1:focus-visible[b-07laemirqu], .nl h2:focus[b-07laemirqu], .nl h2:focus-visible[b-07laemirqu] {
    outline: none;
    box-shadow: none
}

:where(.nl) img[b-07laemirqu] {
    max-width: 100%;
    height: auto
}

:where(.nl) h1[b-07laemirqu], :where(.nl) h2[b-07laemirqu], :where(.nl) h3[b-07laemirqu], :where(.nl) h4[b-07laemirqu] {
    font-family: var(--f-display);
    text-wrap: balance;
    margin: 0;
    color: var(--ink-0)
}

:where(.nl) h1[b-07laemirqu] {
    font-size: clamp(2.75rem,6.2vw,5rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: .98
}

.nl-kern[b-07laemirqu] {
    letter-spacing: .025em
}

:where(.nl) h2[b-07laemirqu] {
    font-size: clamp(1.9rem,3.6vw,2.75rem);
    font-weight: 700;
    letter-spacing: -.028em;
    line-height: 1.06
}

:where(.nl) h3[b-07laemirqu] {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1.2
}

:where(.nl) p[b-07laemirqu] {
    margin: 0
}

:where(.nl) ul[b-07laemirqu] {
    margin: 0;
    padding: 0;
    list-style: none
}

.nl-sr[b-07laemirqu] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap
}

.nl-skip[b-07laemirqu] {
    position: fixed;
    left: -200vw;
    top: .7rem;
    z-index: 60;
    padding: .55rem .9rem;
    background: var(--paper-1);
    color: var(--ink-0);
    border: 1px solid var(--rule);
    border-radius: 6px;
    font-weight: 600;
    font-size: .9rem
}

    .nl-skip:focus[b-07laemirqu] {
        left: 1rem;
        outline: 2px solid var(--focus);
        outline-offset: 2px
    }

.nl-eb[b-07laemirqu] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--accent)
}

.nl-mono[b-07laemirqu] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .04em;
    color: var(--ink-2)
}

.nl-sec--judge .nl-eb[b-07laemirqu], .nl-sec--principle .nl-eb[b-07laemirqu] {
    color: color-mix(in srgb,var(--accent) 78%,var(--ink-0))
}

.nl-body[b-07laemirqu] {
    color: var(--ink-1);
    max-width: 41rem
}

.nl-tag[b-07laemirqu] {
    display: inline-block;
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .13em;
    text-transform: uppercase;
    padding: .2rem .45rem;
    vertical-align: middle
}

.nl-tag--new[b-07laemirqu] {
    background: var(--accent-tint);
    color: var(--accent)
}

.nl-tag--no[b-07laemirqu] {
    background: var(--no-tint);
    color: var(--no)
}

.nl-sec--judge .nl-tag--no[b-07laemirqu] {
    background: transparent;
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    gap: .45rem
}

    .nl-sec--judge .nl-tag--no[b-07laemirqu]::before {
        content: "";
        width: .42rem;
        height: .42rem;
        border-radius: 50%;
        background: var(--no);
        flex: none
    }

.nl-btn[b-07laemirqu] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-family: var(--f-ui);
    font-weight: 600;
    font-size: .92rem;
    padding: .72rem 1.2rem;
    border: 1px solid var(--accent);
    text-decoration: none !important;
    line-height: 1.2;
    transition: background .15s,color .15s
}

.nl-btn--1[b-07laemirqu] {
    background: var(--cta-solid);
    border-color: var(--cta-solid);
    color: var(--on-cta) !important
}

    .nl-btn--1:hover[b-07laemirqu] {
        background: var(--cta-hover);
        border-color: var(--cta-hover)
    }

.nl-btn--2[b-07laemirqu] {
    background: transparent;
    color: var(--accent) !important
}

    .nl-btn--2:hover[b-07laemirqu] {
        background: var(--accent-tint)
    }

.nl-wrap[b-07laemirqu] {
    max-width: var(--max);
    margin: 0 auto;
    padding-inline: var(--gutter)
}

.nl-sec[b-07laemirqu] {
    padding-block: clamp(3.5rem,7vw,6.5rem);
    border-top: 1px solid var(--rule-soft)
}

.nl-sec--wash[b-07laemirqu] {
    background: var(--wash);
    border-block: 1px solid var(--rule)
}

    .nl-sec--wash + .nl-sec[b-07laemirqu], .nl-sec--judge + .nl-sec[b-07laemirqu], .nl-sec--meet + .nl-sec[b-07laemirqu], .nl-sec--method + .nl-sec[b-07laemirqu], .nl-sec--pricing + .nl-sec[b-07laemirqu] {
        border-top: 0
    }

.nl-sec-head[b-07laemirqu] {
    display: grid;
    gap: .9rem;
    margin-bottom: clamp(1.6rem,3vw,2.6rem);
    max-width: 44rem
}

.nl-pull[b-07laemirqu] {
    font-family: var(--f-display);
    font-weight: 700;
    font-size: clamp(1.5rem,3.2vw,2.3rem);
    letter-spacing: -.028em;
    line-height: 1.1;
    border-left: 3px solid var(--accent);
    padding-left: 1.1rem;
    max-width: 40rem;
    color: var(--ink-0)
}

.nl-pull-lead[b-07laemirqu] {
    color: var(--ink-2)
}

.nl-row[b-07laemirqu] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem
}

.nl .nl-logo[b-07laemirqu] {
    display: inline-block;
    height: 26px;
    width: auto;
    max-width: none;
    vertical-align: middle
}

.nl-nav[b-07laemirqu] {
    position: sticky;
    top: 0;
    z-index: 20;
    background: transparent;
    border-bottom: 1px solid transparent;
    transition: background .25s,border-color .25s,backdrop-filter .25s
}

    .nl-nav.is-solid[b-07laemirqu] {
        background: color-mix(in srgb,var(--paper-0) 86%,transparent);
        border-bottom-color: var(--rule-soft);
        backdrop-filter: blur(12px) saturate(1.2);
        -webkit-backdrop-filter: blur(12px) saturate(1.2)
    }

.nl-sec--hero[b-07laemirqu] {
    margin-top: calc(-3.75rem - 1px)
}

.nl-nav-in[b-07laemirqu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.75rem
}

.nl-brand[b-07laemirqu] {
    display: flex;
    align-items: center;
    gap: .75rem;
    text-decoration: none !important;
    color: var(--ink-0)
}

.nl-menu[b-07laemirqu] {
    display: none;
    gap: 1.5rem
}

    .nl-menu a[b-07laemirqu] {
        font-weight: 500;
        font-size: .9rem;
        color: var(--ink-1);
        white-space: nowrap
    }

        .nl-menu a:hover[b-07laemirqu] {
            color: var(--ink-0);
            text-decoration: none
        }

@media(min-width:880px) {
    .nl-menu[b-07laemirqu] {
        display: flex
    }
}

@media(min-width:880px) and (max-width:1279.98px) {
    .nl-menu[b-07laemirqu] {
        gap: 1rem
    }
}

@media(min-width:880px) and (max-width:1023.98px) {
    .nl-menu li:nth-last-child(-n+2)[b-07laemirqu] {
        display: none
    }
}

.nl-nav .nl-btn[b-07laemirqu] {
    padding: .5rem .95rem;
    font-size: .84rem;
    white-space: nowrap
}

.nl-nav-act[b-07laemirqu] {
    display: flex;
    align-items: center;
    gap: 1.15rem;
    flex: none
}

.nl-nav-signin[b-07laemirqu] {
    font-weight: 500;
    font-size: .9rem;
    color: var(--ink-1);
    white-space: nowrap;
    text-decoration: none
}

    .nl-nav-signin:hover[b-07laemirqu] {
        color: var(--ink-0);
        text-decoration: none
    }

.nl-ref[b-07laemirqu] {
    background: var(--accent-tint);
    color: var(--ink-0);
    font-size: .9rem;
    padding: .6rem var(--gutter);
    text-align: center;
    border-bottom: 1px solid var(--rule-soft)
}

.nl-sec--hero[b-07laemirqu] {
    padding-block: calc(3.75rem + 1px + clamp(1.25rem,3.5vh,2.75rem)) clamp(1rem,2.5vh,2rem);
    border-top: 0;
    min-height: 100svh;
    display: grid;
    align-content: center
}

    .nl-sec--hero > .nl-wrap[b-07laemirqu] {
        width: 100%
    }

.nl-hero[b-07laemirqu] {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: clamp(.8rem,2vh,1.5rem)
}

.nl-state[b-07laemirqu] {
    display: grid;
    gap: .9rem;
    align-content: center
}

.nl-hero-meta a[b-07laemirqu] {
    color: var(--accent);
    font-weight: 500;
    text-decoration: none
}

    .nl-hero-meta a:hover[b-07laemirqu] {
        text-decoration: underline;
        text-underline-offset: .2em
    }

@media(min-width:1000px) {
    .nl-state h1[b-07laemirqu] {
        font-size: clamp(3rem,5.4vw,6.6rem)
    }
}

.nl-card[b-07laemirqu] {
    border: 1px solid var(--rule);
    background: var(--paper-1);
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
    container-type: inline-size;
    cursor: pointer;
    transition: border-color .15s,transform .15s
}

    .nl-card:hover[b-07laemirqu], .nl-card.is-open[b-07laemirqu] {
        border-color: var(--ink-0)
    }

@media(hover:hover) {
    .nl-card:hover:not(.is-open)[b-07laemirqu] {
        transform: translateY(-2px)
    }
}

.nl-card[hidden][b-07laemirqu] {
    display: none
}

.nl-card-top[b-07laemirqu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .6rem;
    min-height: 1.35rem;
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ink-2)
}

    .nl-card-top > span:first-child[b-07laemirqu] {
        display: inline-flex;
        align-items: center
    }

    .nl-card-top i[b-07laemirqu] {
        font-style: normal;
        color: var(--ink-1)
    }

.nl-card-title[b-07laemirqu] {
    font-family: var(--f-display);
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: -.02em;
    line-height: 1.15
}

.nl-card-tg[b-07laemirqu] {
    all: unset;
    display: block;
    width: 100%;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-align: left
}

    .nl-card-tg:focus-visible[b-07laemirqu] {
        outline: 2px solid var(--focus);
        outline-offset: 3px;
        border-radius: 3px
    }

.nl-card-stmt[b-07laemirqu] {
    font-family: var(--f-ui);
    font-size: .9rem;
    line-height: 1.5;
    color: var(--ink-1)
}

.nl-card-more[b-07laemirqu] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    margin-block: -.25rem;
    transition: grid-template-rows .38s cubic-bezier(.2,.7,.2,1),opacity .28s ease,margin .38s cubic-bezier(.2,.7,.2,1)
}

    .nl-card-more > div[b-07laemirqu] {
        min-height: 0;
        overflow: hidden;
        display: grid;
        gap: .35rem
    }

.nl-card.is-open .nl-card-more[b-07laemirqu] {
    grid-template-rows: 1fr;
    opacity: 1;
    margin-block: 0
}

.nl-kv[b-07laemirqu] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    line-height: 1.55;
    color: var(--ink-2)
}

    .nl-kv b[b-07laemirqu] {
        display: block;
        color: var(--ink-1);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06em;
        font-size: .6875rem
    }

.nl-card-act[b-07laemirqu] {
    margin-top: auto;
    padding-top: .25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem 1rem
}

.nl-more[b-07laemirqu] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--accent);
    text-decoration: none
}

    .nl-more:hover[b-07laemirqu] {
        text-decoration: underline;
        text-underline-offset: .2em
    }

.nl-card-foot[b-07laemirqu] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .7rem;
    padding-top: .6rem;
    border-top: 1px solid var(--rule-soft)
}

.nl-cmeta[b-07laemirqu] {
    display: flex;
    flex-wrap: nowrap;
    gap: .35rem .8rem;
    align-items: center;
    font-family: var(--f-mono);
    font-size: .6875rem;
    color: var(--ink-1);
    min-width: 0
}

    .nl-cmeta > span[b-07laemirqu] {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        white-space: nowrap
    }

.nl-ic[b-07laemirqu] {
    width: .8rem;
    height: .8rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: var(--ink-2);
    flex: none
}

.nl-ic--dom[b-07laemirqu] {
    width: .9rem;
    height: .9rem;
    margin-right: .4rem;
    vertical-align: -2px
}

.nl-lvl[b-07laemirqu] {
    display: inline-flex;
    align-items: flex-end;
    gap: 2px;
    height: .7rem
}

    .nl-lvl i[b-07laemirqu] {
        display: block;
        width: 3px;
        background: var(--rule)
    }

        .nl-lvl i:nth-child(1)[b-07laemirqu] {
            height: 35%
        }

        .nl-lvl i:nth-child(2)[b-07laemirqu] {
            height: 65%
        }

        .nl-lvl i:nth-child(3)[b-07laemirqu] {
            height: 100%
        }

    .nl-lvl[data-l="1"] i:nth-child(1)[b-07laemirqu], .nl-lvl[data-l="2"] i:nth-child(-n+2)[b-07laemirqu], .nl-lvl[data-l="3"] i[b-07laemirqu] {
        background: var(--ink-0)
    }

.nl-take[b-07laemirqu] {
    display: inline-block;
    font-family: var(--f-ui);
    font-weight: 600;
    font-size: .78rem;
    color: var(--ink-1);
    background: transparent;
    border: 1px solid var(--rule);
    padding: .4rem .75rem;
    white-space: nowrap;
    text-decoration: none !important;
    transition: background .15s,color .15s,border-color .15s
}

.nl-card:hover .nl-take[b-07laemirqu] {
    border-color: var(--accent);
    color: var(--accent)
}

.nl-take:hover[b-07laemirqu] {
    background: var(--accent);
    color: var(--on-accent) !important;
    border-color: var(--accent)
}

.nl-meet[b-07laemirqu] {
    display: grid;
    gap: 2rem;
    margin-top: clamp(1.6rem,3vw,2.6rem)
}

@media(min-width:900px) {
    .nl-meet[b-07laemirqu] {
        grid-template-columns: minmax(0,1fr) 18rem;
        gap: 3rem;
        align-items: start
    }
}

@media(min-width:1400px) {
    .nl-meet[b-07laemirqu] {
        grid-template-columns: minmax(0,1fr) 24rem;
        gap: 4rem
    }
}

.nl-meet-side[b-07laemirqu] {
    display: grid;
    gap: 1.4rem;
    align-content: start;
    border-top: 1px solid var(--rule);
    padding-top: 1.4rem
}

.nl-jthree[b-07laemirqu] {
    display: grid;
    gap: 1rem
}

    .nl-jthree li[b-07laemirqu] {
        display: grid;
        grid-template-columns: 1.25rem 1fr;
        gap: .7rem;
        align-items: start
    }

    .nl-jthree .nl-ic[b-07laemirqu] {
        width: 1.15rem;
        height: 1.15rem;
        color: var(--accent);
        margin-top: .1rem
    }

    .nl-jthree b[b-07laemirqu] {
        display: block;
        font-family: var(--f-display);
        font-weight: 600;
        font-size: 1.02rem;
        letter-spacing: -.012em;
        line-height: 1.25;
        color: var(--ink-0)
    }

.nl-meet-side .nl-jlink[b-07laemirqu] {
    justify-self: start;
    font-family: var(--f-display);
    font-weight: 700;
    font-size: .9rem
}

.nl-shot.nl-meet-shot[b-07laemirqu] {
    aspect-ratio: 4/3;
    width: 100%;
    margin-inline: 0;
    --rx: 3.5deg;
    --ry: 0deg;
    transform-origin: 50% 50%
}

@media(max-width:599px) {
    .nl-shot.nl-meet-shot[b-07laemirqu] {
        display: none
    }
}

.nl-why[b-07laemirqu] {
    display: grid;
    gap: 1.6rem
}

.nl-big[b-07laemirqu] {
    font-family: var(--f-display);
    font-weight: 800;
    font-size: clamp(2.4rem,5vw,4.2rem);
    letter-spacing: -.035em;
    line-height: .98;
    color: var(--ink-0)
}

.nl-why .nl-body[b-07laemirqu] {
    font-size: 1.06rem;
    max-width: 40rem
}

.nl-why-more[b-07laemirqu] {
    margin-top: .4rem
}

    .nl-why-more a[b-07laemirqu] {
        font-family: var(--f-display);
        font-size: .98rem;
        font-weight: 700
    }

@media(min-width:1440px) {
    .nl-why[b-07laemirqu] {
        grid-template-columns: auto 1.1fr 1fr;
        grid-template-rows: auto 1fr auto;
        grid-template-areas: "h body pull" "h body more" ". close .";
        gap: 4rem;
        align-items: start
    }

        .nl-why > h2[b-07laemirqu] {
            grid-area: h
        }

        .nl-why > .nl-body:not(.nl-why-close)[b-07laemirqu] {
            grid-area: body
        }

    .nl-big[b-07laemirqu] {
        font-size: clamp(2.6rem,3.6vw,4.4rem);
        white-space: nowrap
    }

    .nl-why .nl-body[b-07laemirqu] {
        max-width: none
    }

    .nl-why .nl-pull[b-07laemirqu] {
        grid-area: pull;
        max-width: none;
        margin-top: .2rem;
        font-size: min(2.3rem, 2.35vw)
    }

    .nl-why .nl-why-close[b-07laemirqu] {
        grid-area: close;
        margin-top: -2.85rem
    }

    .nl-why .nl-why-more[b-07laemirqu] {
        grid-area: more;
        margin-top: -1.8rem;
        padding-left: calc(1.1rem + 3px)
    }
}

.nl-steps[b-07laemirqu] {
    display: grid;
    gap: 1.2rem
}

@media(min-width:760px) {
    .nl-steps[b-07laemirqu] {
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width:1440px) {
    .nl-steps[b-07laemirqu] {
        grid-template-columns: repeat(4,1fr)
    }
}

.nl-step[b-07laemirqu] {
    border: 1px solid var(--rule);
    background: var(--paper-1);
    padding: 1.2rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .7rem
}

    .nl-step .nl-inst[b-07laemirqu] {
        margin-top: auto
    }

.nl-n[b-07laemirqu] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .14em;
    color: var(--accent);
    font-weight: 700
}

.nl-step p[b-07laemirqu] {
    font-size: .92rem;
    color: var(--ink-1)
}

.nl-outcome[b-07laemirqu] {
    margin-top: 1.6rem;
    border-top: 1px solid var(--rule);
    padding-top: 1.6rem;
    display: grid;
    gap: 1rem
}

    .nl-outcome p[b-07laemirqu] {
        color: var(--ink-1)
    }

.nl-port[b-07laemirqu] {
    display: grid;
    gap: 1.4rem
}

    .nl-port > div:first-child[b-07laemirqu] {
        display: grid;
        gap: .8rem;
        align-content: start;
        max-width: 44rem
    }

@media(min-width:1000px) {
    .nl-port[b-07laemirqu] {
        grid-template-columns: 1.1fr .9fr;
        gap: 3rem;
        align-items: center
    }
}

.nl-shot[b-07laemirqu] {
    aspect-ratio: 16/10;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rule);
    background: var(--paper-1);
    padding: 6px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 36px 70px -32px rgba(2,4,9,.72),0 4px 10px rgba(2,4,9,.28);
    transform: perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
    transform-origin: 50% 60%;
    transition: transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s cubic-bezier(.2,.7,.2,1),opacity .4s ease
}

.nl-shot--3d[b-07laemirqu] {
    --rx: 1.5deg;
    --ry: -4deg
}

.nl-shot:hover[b-07laemirqu] {
    transform: perspective(1400px) rotateX(0deg) rotateY(0deg);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 48px 80px -32px rgba(2,4,9,.78),0 4px 10px rgba(2,4,9,.28)
}

.nl-js .nl-shot:not(.is-in)[b-07laemirqu] {
    opacity: 0;
    transform: perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(18px)
}

.nl-shot > img[b-07laemirqu] {
    position: absolute;
    inset: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    object-fit: cover;
    object-position: 50% 0%;
    outline: 1px solid rgba(15,20,27,.22);
    background: var(--paper-1);
    transition: object-position 1.6s cubic-bezier(.2,.7,.2,1)
}

.nl-shot:hover > img[b-07laemirqu] {
    object-position: 50% 100%;
    transition: object-position 9s linear
}

@media (prefers-color-scheme:dark) {
    .nl:not([data-theme="light"]) .nl-shot > img[b-07laemirqu] {
        filter: brightness(.92)
    }
}

.nl[data-theme="dark"] .nl-shot > img[b-07laemirqu] {
    filter: brightness(.92)
}

.nl-shot .nl-bar[b-07laemirqu] {
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    z-index: 1;
    display: flex;
    gap: .5rem;
    align-items: flex-start;
    padding: .6rem .85rem 1.4rem;
    border-radius: 6px 6px 0 0;
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .11em;
    text-transform: uppercase;
    color: rgba(255,255,255,.9);
    text-shadow: 0 1px 2px rgba(0,0,0,.35);
    background: linear-gradient(180deg,rgba(12,14,24,.36) 0%,rgba(12,14,24,.18) 55%,rgba(12,14,24,0) 100%);
    backdrop-filter: blur(22px) saturate(1.6);
    -webkit-backdrop-filter: blur(22px) saturate(1.6);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
    -webkit-mask-image: linear-gradient(to bottom,#000 45%,transparent 100%);
    mask-image: linear-gradient(to bottom,#000 45%,transparent 100%)
}

    .nl-shot .nl-bar i[b-07laemirqu] {
        width: .4rem;
        height: .4rem;
        margin-top: .12rem;
        border-radius: 50%;
        background: var(--accent-dark);
        display: inline-block;
        flex: none;
        box-shadow: 0 0 8px color-mix(in srgb,var(--accent-dark) 60%,transparent)
    }

.nl-shot.is-light .nl-bar[b-07laemirqu] {
    color: rgba(15,20,27,.9);
    text-shadow: 0 1px 2px rgba(255,255,255,.6);
    background: linear-gradient(180deg,rgba(255,255,255,.66) 0%,rgba(255,255,255,.32) 55%,rgba(255,255,255,0) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8)
}

    .nl-shot.is-light .nl-bar i[b-07laemirqu] {
        background: var(--accent);
        box-shadow: 0 0 8px color-mix(in srgb,var(--accent) 45%,transparent)
    }

.nl-shot .nl-in[b-07laemirqu] {
    position: absolute;
    inset: 6px;
    padding: 2.6rem .8rem .7rem;
    display: grid;
    gap: .4rem;
    align-content: start
}

.nl-shot .nl-ln[b-07laemirqu] {
    height: .45rem;
    background: var(--rule-soft)
}

.nl-shot .nl-ln--s[b-07laemirqu] {
    width: 55%
}

.nl-shot .nl-ln--m[b-07laemirqu] {
    width: 75%
}

.nl-shot .nl-ln--acc[b-07laemirqu] {
    background: var(--accent-tint)
}

.nl-shot .nl-grade[b-07laemirqu] {
    font-family: var(--f-display);
    font-weight: 800;
    font-size: 3rem;
    letter-spacing: -.05em;
    line-height: 1;
    color: var(--ink-0)
}

.nl-shot .nl-grade--s[b-07laemirqu] {
    font-size: 1.1rem
}

.nl-shot .nl-bars[b-07laemirqu] {
    display: grid;
    gap: .3rem
}

    .nl-shot .nl-bars div[b-07laemirqu] {
        height: .4rem;
        background: var(--accent-tint);
        position: relative
    }

        .nl-shot .nl-bars div[b-07laemirqu]::after {
            content: "";
            position: absolute;
            inset: 0 auto 0 0;
            background: var(--accent);
            width: var(--w)
        }

        .nl-shot .nl-bars div.nl-dis[b-07laemirqu] {
            outline: 1.5px solid var(--no);
            outline-offset: 1px
        }

.nl-shot .nl-prow[b-07laemirqu] {
    display: grid;
    grid-template-columns: 1.6rem 1fr;
    gap: .6rem;
    align-items: center
}

.nl-inst[b-07laemirqu] {
    position: relative;
    aspect-ratio: 16/10;
    overflow: hidden;
    border: 1px solid var(--rule-soft);
    border-radius: 8px;
    background: var(--wash);
    transition: border-color .4s ease, background-color .4s ease
}

    .nl-inst.is-reset[b-07laemirqu], .nl-inst.is-reset[b-07laemirqu]  * {
        transition: none !important;
        animation: none !important
    }

.nl-step:hover .nl-inst[b-07laemirqu], .nl-door:hover .nl-inst[b-07laemirqu] {
    border-color: color-mix(in srgb, var(--accent) 26%, var(--rule));
    background: color-mix(in srgb, var(--accent) 2%, var(--wash))
}

.nl-door .nl-inst[b-07laemirqu] {
    aspect-ratio: 16/7;
    margin-bottom: .3rem
}

.nl-svg[b-07laemirqu] {
    display: block;
    width: 100%;
    height: 100%
}

.nl-inst[b-07laemirqu]  * {
    transition-timing-function: cubic-bezier(.2,.7,.2,1)
}

.nl-inst[b-07laemirqu]  text {
    font-family: var(--f-mono);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    fill: var(--ink-2)
}

.nl-step[b-07laemirqu], .nl-door[b-07laemirqu] {
    transition: border-color .4s, box-shadow .45s, transform .45s cubic-bezier(.2,.7,.2,1)
}

    .nl-step .nl-n[b-07laemirqu], .nl-door .nl-dl[b-07laemirqu] {
        transition: color .35s
    }

    .nl-step:hover[b-07laemirqu], .nl-step.is-on[b-07laemirqu], .nl-door:hover[b-07laemirqu], .nl-door.is-on[b-07laemirqu] {
        border-color: color-mix(in srgb, var(--accent) 24%, var(--rule));
        transform: translateY(-3px);
        box-shadow: 0 22px 40px -28px rgba(var(--shade), .32), 0 2px 6px -2px rgba(var(--shade), .06)
    }

.un-card[b-07laemirqu] {
    fill: var(--paper-1);
    stroke: var(--rule);
    stroke-width: 1
}

.un-w[b-07laemirqu] {
    fill: color-mix(in srgb, var(--ink-2) 24%, transparent)
}

.un-q[b-07laemirqu] {
    transition: fill .45s calc(.25s + var(--n) * .3s)
}

.un-ul[b-07laemirqu] {
    fill: none;
    stroke: var(--spark);
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    opacity: 0;
    transition: stroke-dashoffset .5s calc(.25s + var(--n) * .3s), opacity .1s calc(.25s + var(--n) * .3s)
}

.un-tag[b-07laemirqu] {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .35s calc(1.15s + var(--n) * .14s), transform .5s calc(1.15s + var(--n) * .14s)
}

    .un-tag rect[b-07laemirqu] {
        fill: var(--paper-1);
        stroke: color-mix(in srgb, var(--ink-0) 30%, transparent);
        stroke-width: 1
    }

.un-tick[b-07laemirqu] {
    fill: none;
    stroke: var(--spark-deep);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.nl-inst--unpack[b-07laemirqu]  .un-lbl {
    fill: var(--ink-0);
    opacity: 0;
    transition: opacity .35s calc(1.15s + var(--n) * .14s)
}

.nl-inst.is-on:not(.is-reset) .un-q[b-07laemirqu] {
    fill: var(--ink-0)
}

.nl-inst.is-on:not(.is-reset) .un-ul[b-07laemirqu] {
    stroke-dashoffset: 0;
    opacity: 1
}

.nl-inst.is-on:not(.is-reset) .un-tag[b-07laemirqu] {
    opacity: 1;
    transform: none
}

.nl-inst--unpack.is-on:not(.is-reset)[b-07laemirqu]  .un-lbl {
    opacity: 1
}

.ds-space[b-07laemirqu] {
    fill: color-mix(in srgb, var(--ink-0) 2.5%, transparent);
    stroke: color-mix(in srgb, var(--ink-2) 36%, transparent);
    stroke-width: 1;
    stroke-dasharray: 3 4
}

.ds-grid[b-07laemirqu] {
    stroke: none
}

.ds-dot[b-07laemirqu] {
    fill: color-mix(in srgb, var(--ink-2) 26%, transparent)
}

.ds-wave[b-07laemirqu] {
    fill: rgba(var(--spark-rgb),.06);
    stroke: rgba(var(--spark-rgb),.5);
    stroke-width: 1.2;
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center
}

.ds-idea[b-07laemirqu] {
    fill: var(--paper-1);
    stroke: var(--ink-0);
    stroke-width: 1.4;
    opacity: 0;
    transform: scale(.3);
    transform-box: fill-box;
    transform-origin: center;
    transition: opacity .3s calc(.2s + var(--d) * 1.5s), transform .45s cubic-bezier(.3,1.5,.5,1) calc(.2s + var(--d) * 1.5s), fill .4s 2.05s, stroke .4s 2.05s
}

.ds-seed[b-07laemirqu] {
    fill: var(--ink-0)
}

.ds-halo[b-07laemirqu] {
    fill: none;
    stroke: var(--spark);
    stroke-width: 1.2;
    opacity: 0;
    transform: scale(.55);
    transform-box: fill-box;
    transform-origin: center;
    transition: opacity .45s 2.15s, transform .7s 2.15s
}

.nl-inst.is-on:not(.is-reset) .ds-wave[b-07laemirqu] {
    animation: ds-wave-b-07laemirqu 1.7s linear .2s both
}

@keyframes ds-wave-b-07laemirqu {
    0% {
        opacity: 1;
        transform: scale(0)
    }

    82% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: scale(1)
    }
}

.nl-inst.is-on:not(.is-reset) .ds-idea[b-07laemirqu] {
    opacity: 1;
    transform: none
}

.nl-inst.is-on:not(.is-reset) .ds-pro[b-07laemirqu] {
    fill: var(--spark);
    stroke: var(--spark)
}

.nl-inst.is-on:not(.is-reset) .ds-halo[b-07laemirqu] {
    opacity: .5;
    transform: none
}

.gr-track[b-07laemirqu] {
    fill: none;
    stroke: color-mix(in srgb, var(--ink-2) 16%, transparent);
    stroke-width: 7
}

.gr-arc[b-07laemirqu] {
    fill: none;
    stroke: var(--spark);
    stroke-width: 7;
    stroke-linecap: round;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    opacity: 0;
    transition: stroke-dashoffset 1.1s .5s, opacity .15s .5s
}

.gr-rail[b-07laemirqu] {
    fill: color-mix(in srgb, var(--ink-2) 13%, transparent)
}

.gr-bar[b-07laemirqu] {
    fill: color-mix(in srgb, var(--ink-0) 76%, transparent);
    transform: scaleX(0);
    transform-box: fill-box;
    transform-origin: left center;
    transition: transform .6s calc(.15s + var(--n) * .06s)
}

.gr-bar--low[b-07laemirqu] {
    fill: var(--no)
}

.nl-inst--grade[b-07laemirqu]  .gr-letter {
    font-family: var(--f-display);
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -.03em;
    fill: var(--ink-0);
    opacity: 0;
    transition: opacity .45s 1.15s
}

.nl-inst--grade[b-07laemirqu]  .gr-note {
    opacity: 0;
    transition: opacity .45s 1.4s
}

.nl-inst--grade[b-07laemirqu]  .gr-note-k {
    fill: var(--no)
}

.nl-inst.is-on:not(.is-reset) .gr-arc[b-07laemirqu] {
    stroke-dashoffset: 22;
    opacity: 1
}

.nl-inst.is-on:not(.is-reset) .gr-bar[b-07laemirqu] {
    transform: none
}

.nl-inst--grade.is-on:not(.is-reset)[b-07laemirqu]  :is(.gr-letter, .gr-note) {
    opacity: 1
}

.dc-who[b-07laemirqu] {
    opacity: .3;
    transition: opacity .4s calc(.1s + var(--n) * .12s)
}

.dc-ring[b-07laemirqu] {
    fill: var(--paper-1);
    stroke: color-mix(in srgb, var(--ink-0) 40%, transparent);
    stroke-width: 1.2
}

.dc-head[b-07laemirqu], .dc-body[b-07laemirqu] {
    fill: none;
    stroke: var(--ink-0);
    stroke-width: 1.4;
    stroke-linecap: round
}

.dc-v[b-07laemirqu] {
    opacity: 0;
    transform: scale(.4);
    transform-box: fill-box;
    transform-origin: center;
    transition: opacity .3s calc(.45s + var(--n) * .28s), transform .45s cubic-bezier(.3,1.6,.5,1) calc(.45s + var(--n) * .28s)
}

    .dc-v circle[b-07laemirqu] {
        fill: var(--ink-0)
    }

    .dc-v path[b-07laemirqu] {
        fill: none;
        stroke: var(--paper-1);
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round
    }

.dc-v--no circle[b-07laemirqu] {
    fill: var(--no)
}

.dc-line[b-07laemirqu] {
    fill: none;
    stroke: color-mix(in srgb, var(--ink-0) 30%, transparent);
    stroke-width: 1.3;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset .55s calc(.6s + var(--n) * .28s)
}

.dc-line--no[b-07laemirqu] {
    stroke: color-mix(in srgb, var(--no) 70%, transparent);
    stroke-dasharray: 3 3;
    stroke-dashoffset: 0;
    opacity: 0;
    transition: opacity .45s 1.2s
}

.dc-node[b-07laemirqu] {
    fill: var(--ink-0);
    opacity: 0;
    transition: opacity .3s 1.45s
}

.dc-go[b-07laemirqu] {
    fill: none;
    stroke: var(--ink-0);
    stroke-width: 1.5;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset .4s 1.5s
}

.dc-opt[b-07laemirqu] {
    fill: var(--paper-1);
    stroke: var(--rule);
    stroke-width: 1;
    transition: fill .4s 1.8s, stroke .4s 1.8s
}

.nl-inst--decide[b-07laemirqu]  .dc-lbl {
    transition: fill .4s 1.8s
}

.nl-inst.is-on:not(.is-reset) .dc-who[b-07laemirqu] {
    opacity: 1
}

.nl-inst.is-on:not(.is-reset) .dc-v[b-07laemirqu] {
    opacity: 1;
    transform: none
}

.nl-inst.is-on:not(.is-reset) .dc-line[b-07laemirqu] {
    stroke-dashoffset: 0
}

.nl-inst.is-on:not(.is-reset) :is(.dc-line--no, .dc-node)[b-07laemirqu] {
    opacity: 1
}

.nl-inst.is-on:not(.is-reset) .dc-go[b-07laemirqu] {
    stroke-dashoffset: 0
}

.nl-inst.is-on:not(.is-reset) .dc-opt--go[b-07laemirqu] {
    fill: var(--spark);
    stroke: var(--spark)
}

.nl-inst--decide.is-on:not(.is-reset)[b-07laemirqu]  .dc-lbl--go {
    fill: #FFFFFF
}

.fo-line[b-07laemirqu] {
    fill: none;
    stroke: var(--ink-0);
    stroke-width: 1.6;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 1.2s .15s
}

.fo-pivot[b-07laemirqu] {
    fill: none;
    stroke: color-mix(in srgb, var(--ink-2) 70%, transparent);
    stroke-width: 1.3;
    stroke-dasharray: 3 3.5;
    opacity: 0;
    transition: opacity .45s .65s
}

.fo-x[b-07laemirqu] {
    fill: none;
    stroke: var(--no);
    stroke-width: 1.6;
    stroke-linecap: round;
    opacity: 0;
    transition: opacity .3s .95s
}

.fo-ms[b-07laemirqu] {
    fill: var(--paper-1);
    stroke: var(--ink-0);
    stroke-width: 1.6;
    opacity: 0;
    transform: scale(.3);
    transform-box: fill-box;
    transform-origin: center;
    transition: opacity .25s calc(.15s + var(--n) * .38s), transform .45s cubic-bezier(.3,1.6,.5,1) calc(.15s + var(--n) * .38s)
}

.fo-flag[b-07laemirqu] {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .35s 1.3s, transform .5s 1.3s
}

.fo-pole[b-07laemirqu] {
    fill: none;
    stroke: var(--ink-0);
    stroke-width: 1.6
}

.fo-pennant[b-07laemirqu] {
    fill: var(--spark)
}

.nl-inst--founders[b-07laemirqu]  .fo-lbl {
    opacity: .35;
    transition: opacity .4s calc(.2s + var(--n) * .38s)
}

.nl-inst--founders[b-07laemirqu]  .fo-lbl--pivot {
    font-size: 9px;
    font-weight: 500;
    fill: color-mix(in srgb, var(--ink-2) 85%, transparent);
    opacity: 0;
    transition: opacity .4s 1s
}

.nl-inst.is-on:not(.is-reset) .fo-line[b-07laemirqu] {
    stroke-dashoffset: 0
}

.nl-inst.is-on:not(.is-reset) :is(.fo-pivot, .fo-x)[b-07laemirqu] {
    opacity: 1
}

.nl-inst.is-on:not(.is-reset) .fo-ms[b-07laemirqu] {
    opacity: 1;
    transform: none
}

.nl-inst.is-on:not(.is-reset) .fo-flag[b-07laemirqu] {
    opacity: 1;
    transform: none
}

.nl-inst--founders.is-on:not(.is-reset)[b-07laemirqu]  :is(.fo-lbl, .fo-lbl--pivot) {
    opacity: 1
}

.tm-arc[b-07laemirqu] {
    fill: none;
    stroke: color-mix(in srgb, var(--ink-0) 28%, transparent);
    stroke-width: 1.3
}

.tm-beam[b-07laemirqu] {
    fill: none;
    stroke: var(--ink-0);
    stroke-width: 1.4;
    stroke-linecap: round
}

.tm-blip[b-07laemirqu] {
    fill: var(--spark);
    opacity: 0;
    transition: opacity .3s calc(.15s + var(--n) * .15s)
}

.tm-feed[b-07laemirqu] {
    fill: none;
    stroke: color-mix(in srgb, var(--ink-2) 60%, transparent);
    stroke-width: 1.3;
    stroke-dasharray: 3 3;
    opacity: 0;
    transition: opacity .4s .55s
}

.tm-row[b-07laemirqu], .nl-inst--teams[b-07laemirqu]  .tm-g {
    opacity: 0;
    transform: translateX(-14px);
    transition: opacity .35s calc(.7s + var(--n) * .12s), transform .5s calc(.7s + var(--n) * .12s), fill .4s 1.45s
}

.tm-chip[b-07laemirqu] {
    fill: var(--paper-1);
    stroke: color-mix(in srgb, var(--ink-0) 40%, transparent);
    stroke-width: 1.2;
    transition: fill .4s 1.45s, stroke .4s 1.45s
}

.tm-bar[b-07laemirqu] {
    fill: color-mix(in srgb, var(--ink-0) 20%, transparent)
}

.nl-inst--teams[b-07laemirqu]  .tm-g {
    font-family: var(--f-display);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: -.01em;
    fill: var(--ink-0)
}

.nl-inst.is-on:not(.is-reset) :is(.tm-blip, .tm-feed)[b-07laemirqu] {
    opacity: 1
}

.nl-inst.is-on:not(.is-reset) .tm-row[b-07laemirqu], .nl-inst--teams.is-on:not(.is-reset)[b-07laemirqu]  .tm-g {
    opacity: 1;
    transform: none
}

.nl-inst.is-on:not(.is-reset) .tm-row--top .tm-chip[b-07laemirqu] {
    fill: var(--spark);
    stroke: var(--spark)
}

.nl-inst--teams.is-on:not(.is-reset)[b-07laemirqu]  .tm-g--top {
    fill: #FFFFFF
}

.og-e[b-07laemirqu] {
    stroke: color-mix(in srgb, var(--ink-0) 24%, transparent);
    stroke-width: 1.2;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset .5s calc(.1s + var(--n) * .06s), stroke .4s 1.55s, stroke-width .4s 1.55s
}

.og-n[b-07laemirqu] {
    opacity: 0;
    transform: scale(.3);
    transform-box: fill-box;
    transform-origin: center;
    transition: opacity .3s calc(.3s + var(--n) * .07s), transform .45s cubic-bezier(.3,1.6,.5,1) calc(.3s + var(--n) * .07s), fill .4s 1.55s, stroke .4s 1.55s
}

.og-p[b-07laemirqu], .og-j[b-07laemirqu] {
    fill: var(--paper-1);
    stroke: var(--ink-0);
    stroke-width: 1.4
}

.og-i[b-07laemirqu] {
    fill: var(--ink-0)
}

.nl-inst.is-on:not(.is-reset) .og-e[b-07laemirqu] {
    stroke-dashoffset: 0
}

.nl-inst.is-on:not(.is-reset) .og-e--hot[b-07laemirqu] {
    stroke: var(--spark);
    stroke-width: 2
}

.nl-inst.is-on:not(.is-reset) .og-n[b-07laemirqu] {
    opacity: 1;
    transform: none
}

.nl-inst.is-on:not(.is-reset) .og-hot[b-07laemirqu] {
    fill: var(--spark);
    stroke: var(--spark)
}

@media (prefers-reduced-motion: reduce) {
    .nl-inst[b-07laemirqu]  * {
        transition: none !important;
        animation: none !important
    }
}

.nl-sec--judge[b-07laemirqu] {
    background: var(--paper-1);
    border-block: 1px solid var(--rule)
}

.nl-judge[b-07laemirqu] {
    display: grid;
    gap: 2rem
}

@media(min-width:1000px) {
    .nl-judge[b-07laemirqu] {
        grid-template-columns: 1.1fr .9fr;
        gap: 4rem;
        align-items: center
    }
}

.nl-jl[b-07laemirqu] {
    display: grid
}

.nl-jt[b-07laemirqu] {
    display: grid;
    gap: .9rem
}

    .nl-jt .nl-body[b-07laemirqu] {
        font-size: 1.02rem
    }

    .nl-jt .nl-tag[b-07laemirqu] {
        justify-self: start
    }

    .nl-jt .nl-pull[b-07laemirqu] {
        margin-top: 1.2rem
    }

    .nl-jt h2 .nl-stamp[b-07laemirqu] {
        display: inline-grid;
        place-items: center;
        width: 1.14em;
        height: 1.14em;
        margin-left: .04em;
        vertical-align: -.12em;
        border: .07em solid var(--ink-0);
        border-radius: .16em;
        box-shadow: inset 0 0 0 .035em var(--paper-1),inset 0 0 0 .06em var(--ink-0);
        font-weight: 800;
        line-height: 1;
        color: var(--ink-0);
        opacity: .9;
        transform: rotate(-6deg)
    }

.nl[data-theme="light"] .nl-jt h2 .nl-stamp[b-07laemirqu] {
    mix-blend-mode: multiply
}

.nl-fn[b-07laemirqu] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    color: var(--ink-2);
    margin-top: .5rem
}

.nl-doors[b-07laemirqu] {
    display: grid;
    gap: 1rem
}

@media(min-width:760px) {
    .nl-doors[b-07laemirqu] {
        grid-template-columns: repeat(3,1fr)
    }
}

.nl-door[b-07laemirqu] {
    border: 1px solid var(--rule);
    background: var(--paper-1);
    padding: 1.4rem 1.4rem 1.2rem;
    display: grid;
    gap: .6rem;
    align-content: start
}

.nl-dl[b-07laemirqu] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-2)
}

    .nl-dl b[b-07laemirqu] {
        color: var(--accent);
        font-weight: 700
    }

.nl-door h3[b-07laemirqu] {
    font-size: 1.35rem;
    letter-spacing: -.025em;
    line-height: 1.12
}

.nl-door p[b-07laemirqu] {
    font-size: .94rem;
    color: var(--ink-1)
}

.nl-door a[b-07laemirqu] {
    font-weight: 600;
    font-size: .9rem;
    margin-top: .4rem
}

.nl-panel[b-07laemirqu] {
    display: grid;
    gap: 2rem
}

@media(min-width:1000px) {
    .nl-panel[b-07laemirqu] {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
        align-items: center
    }
}

.nl-docs[b-07laemirqu] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3,1fr)
}

@media(max-width:599px) {
    .nl-docs[b-07laemirqu] {
        grid-template-columns: 1fr
    }
}

.nl-doc[b-07laemirqu] {
    aspect-ratio: 16/10;
    background: var(--paper-1);
    color: var(--ink-0);
    border: 1px solid var(--rule);
    padding: 1rem;
    display: grid;
    align-content: space-between;
    box-shadow: 0 1px 0 var(--rule)
}

    .nl-doc .nl-dt[b-07laemirqu] {
        font-family: var(--f-display);
        font-weight: 800;
        font-size: clamp(.8rem,1.6vw,1.2rem);
        letter-spacing: -.03em;
        line-height: 1.05
    }

    .nl-doc .nl-dm[b-07laemirqu] {
        font-family: var(--f-mono);
        font-size: .6875rem;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--ink-2)
    }

    .nl-doc.has-img[b-07laemirqu] {
        padding: 0;
        display: block;
        position: relative;
        overflow: hidden;
        box-shadow: 0 24px 48px -28px rgba(2,4,9,.6),0 1px 0 var(--rule);
        transform: perspective(1200px) rotateX(1.5deg);
        transition: transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s
    }

        .nl-doc.has-img:hover[b-07laemirqu] {
            transform: perspective(1200px) rotateX(0deg);
            box-shadow: 0 34px 60px -28px rgba(2,4,9,.7),0 1px 0 var(--rule)
        }

        .nl-doc.has-img > img[b-07laemirqu] {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top
        }

.nl-outs[b-07laemirqu] {
    display: grid;
    gap: .7rem;
    margin-top: 1.4rem
}

@media(min-width:600px) {
    .nl-outs[b-07laemirqu] {
        grid-template-columns: repeat(3,1fr)
    }
}

@media(min-width:1440px) {
    .nl-outs[b-07laemirqu] {
        grid-template-columns: repeat(6,1fr)
    }
}

.nl-out[b-07laemirqu] {
    border: 1px solid var(--rule-soft);
    padding: .8rem .9rem;
    display: grid;
    gap: .2rem
}

    .nl-out b[b-07laemirqu] {
        font-family: var(--f-display);
        font-weight: 700;
        font-size: .92rem;
        letter-spacing: -.012em;
        color: var(--ink-0)
    }

    .nl-out span[b-07laemirqu] {
        font-size: .82rem;
        color: var(--ink-1)
    }

.nl-case-note[b-07laemirqu] {
    font-size: .8rem;
    line-height: 1.45;
    color: var(--ink-2);
    margin: .8rem 0 1.5rem
}

.nl-method[b-07laemirqu] {
    display: grid;
    gap: 1.8rem;
    justify-items: start
}

    .nl-method > *[b-07laemirqu] {
        max-width: 56rem;
        width: 100%
    }

.nl-proof[b-07laemirqu] {
    display: grid;
    gap: 1rem 2.5rem
}

@media(min-width:700px) {
    .nl-proof[b-07laemirqu] {
        grid-template-columns: repeat(2,1fr)
    }
}

.nl-proof div[b-07laemirqu] {
    border-top: 1px solid var(--rule);
    padding-top: .8rem
}

.nl-proof b[b-07laemirqu] {
    display: block;
    font-family: var(--f-display);
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: -.03em;
    line-height: 1;
    color: var(--ink-0)
}

.nl-proof span[b-07laemirqu] {
    display: block;
    margin-top: .4rem;
    font-size: .92rem;
    line-height: 1.45;
    color: var(--ink-1)
}

.nl-method-link[b-07laemirqu] {
    margin-top: -.4rem
}

.nl-method-art[b-07laemirqu] {
    position: absolute;
    right: max(var(--gutter),calc(50% - var(--max) / 2 + var(--gutter)));
    top: 50%;
    transform: translateY(-52%);
    width: clamp(17rem,24vw,26rem);
    height: auto;
    color: var(--ink-0);
    pointer-events: none;
    user-select: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round
}

    .nl-method-art .ma-ring[b-07laemirqu] {
        stroke-width: 1.2;
        opacity: .13
    }

    .nl-method-art .ma-arrows[b-07laemirqu] {
        opacity: .2
    }

        .nl-method-art .ma-arrows path[b-07laemirqu] {
            fill: currentColor;
            stroke: none
        }

    .nl-method-art .ma-frame rect[b-07laemirqu], .nl-method-art .ma-judge rect[b-07laemirqu], .nl-method-art .ma-panel rect[b-07laemirqu], .nl-method-art .ma-core[b-07laemirqu] {
        fill: currentColor;
        stroke: none
    }

    .nl-method-art .ma-open circle[b-07laemirqu] {
        fill: currentColor;
        stroke: none
    }

    .nl-method-art .ma-g[b-07laemirqu] {
        opacity: .18
    }

    .nl-method-art .ma-core[b-07laemirqu] {
        opacity: .24;
        transition: fill .7s ease 4.3s, opacity .7s ease 4.3s
    }

    .nl-method-art stop[b-07laemirqu] {
        stop-color: var(--accent)
    }

    .nl-method-art .ma-lap[b-07laemirqu] {
        opacity: 0;
        transform-box: view-box;
        transform-origin: 200px 200px
    }

    .nl-method-art .ma-tail[b-07laemirqu] {
        stroke-width: 2
    }

    .nl-method-art .ma-head[b-07laemirqu] {
        fill: var(--accent);
        stroke: none
    }

    .nl-method-art.is-on .ma-lap[b-07laemirqu] {
        animation: ma-lap-b-07laemirqu 4.8s linear both
    }

    .nl-method-art.is-on .ma-g[b-07laemirqu] {
        animation: ma-lit-b-07laemirqu 1.6s ease-out calc(var(--p) * 1.2s) both
    }

    .nl-method-art.is-on .ma-core[b-07laemirqu] {
        fill: var(--accent);
        opacity: .6
    }

    .nl-method-art.is-reset *[b-07laemirqu] {
        animation: none !important;
        transition: none !important
    }

@keyframes ma-lap-b-07laemirqu {
    0% {
        opacity: 0;
        rotate: 0deg
    }

    6%, 90% {
        opacity: .7
    }

    100% {
        opacity: 0;
        rotate: 360deg
    }
}

@keyframes ma-lit-b-07laemirqu {
    0% {
        opacity: .18;
        color: var(--ink-0)
    }

    20% {
        opacity: .55;
        color: var(--accent)
    }

    100% {
        opacity: .18;
        color: var(--ink-0)
    }
}

@media (prefers-reduced-motion: reduce) {
    .nl-method-art *[b-07laemirqu] {
        animation: none !important;
        transition: none !important
    }
}

@media(max-width:1099px) {
    .nl-method-art[b-07laemirqu] {
        display: none
    }
}

.nl-plans[b-07laemirqu] {
    display: grid;
    gap: 1rem
}

@media(min-width:760px) {
    .nl-plans[b-07laemirqu] {
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width:1200px) {
    .nl-plans[b-07laemirqu] {
        grid-template-columns: repeat(4,1fr)
    }
}

.nl-plan[b-07laemirqu] {
    border: 1px solid var(--rule);
    background: var(--paper-1);
    padding: 2rem 1.8rem 1.8rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
    position: relative
}

.nl-plan-head[b-07laemirqu] {
    display: grid;
    gap: .5rem;
    align-content: start
}

.nl-plan > .nl-btn[b-07laemirqu] {
    margin-top: auto;
    align-self: stretch;
    justify-content: center
}

@supports (grid-template-rows: subgrid) and selector(:has(a)) {
    .nl-plans[b-07laemirqu] {
        grid-auto-rows: auto
    }

    .nl-plan:has(.nl-plan-head)[b-07laemirqu] {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: span 5;
        row-gap: .7rem;
        align-content: start
    }

        .nl-plan:has(.nl-plan-head) > .nl-btn[b-07laemirqu] {
            margin-top: 0;
            align-self: end;
            justify-self: stretch
        }
}

.nl-plan > ul[b-07laemirqu] {
    margin-bottom: .6rem
}

.nl-plan--pop[b-07laemirqu] {
    border-top: 3px solid var(--cta-solid)
}

.nl-plan--cta[b-07laemirqu] {
    background: var(--paper-0)
}

.nl-pf[b-07laemirqu] {
    font-size: .82rem;
    line-height: 1.45;
    color: var(--ink-2);
    margin-top: -.3rem
}

.nl-pn[b-07laemirqu] {
    font-family: var(--f-display);
    font-weight: 800;
    font-size: 1.35rem;
    letter-spacing: -.03em;
    color: var(--ink-0)
}

.nl-ps[b-07laemirqu] {
    font-size: .9rem;
    color: var(--ink-1)
}

.nl-pp[b-07laemirqu] {
    font-family: var(--f-display);
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: -.03em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--ink-0);
    margin-top: .9rem
}

.nl-pp--text[b-07laemirqu] {
    font-size: 1.5rem;
    letter-spacing: -.02em;
    align-self: end
}

.nl-pp small[b-07laemirqu] {
    font-family: var(--f-ui);
    font-size: .9rem;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--ink-2)
}

.nl-plan ul[b-07laemirqu] {
    margin: .3rem 0 0;
    display: grid;
    gap: .3rem;
    font-size: .86rem;
    color: var(--ink-1)
}

    .nl-plan ul li[b-07laemirqu]::before {
        content: "— ";
        color: var(--ink-2)
    }

.nl-plan .nl-pop-tag[b-07laemirqu] {
    position: absolute;
    top: 0;
    left: 50%;
    right: auto;
    transform: translate(-50%,-58%);
    padding: .32rem .75rem;
    border-radius: 999px;
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 500;
    background: var(--cta-solid);
    color: var(--on-cta);
    box-shadow: 0 8px 16px -8px rgba(var(--cta-rgb),.55),inset 0 1px 0 rgba(255,255,255,.22)
}

.nl-glyphs[b-07laemirqu] {
    margin: .3rem 0 .6rem;
    display: grid;
    gap: .5rem;
    font-size: .9rem;
    color: var(--ink-1)
}

    .nl-glyphs li[b-07laemirqu] {
        display: flex;
        align-items: center;
        gap: .6rem
    }

        .nl-glyphs li[b-07laemirqu]::before {
            content: none
        }

    .nl-glyphs .nl-ic[b-07laemirqu] {
        width: 1.05rem;
        height: 1.05rem;
        color: var(--ink-1)
    }

.nl-billed[b-07laemirqu] {
    font-size: .82rem;
    color: var(--ink-2)
}

.nl-pricing-note[b-07laemirqu] {
    display: grid;
    gap: .6rem;
    max-width: 44rem;
    margin-top: 2rem
}

.nl-faq[b-07laemirqu] {
    display: grid;
    gap: 0 3rem
}

@media(min-width:900px) {
    .nl-faq[b-07laemirqu] {
        grid-template-columns: 1fr 1fr
    }
}

.nl-faq-col[b-07laemirqu] {
    display: grid;
    gap: 0;
    align-content: start
}

.nl-faq details[b-07laemirqu] {
    border-top: 1px solid var(--rule-soft);
    padding: .9rem 0
}

    .nl-faq details:last-child[b-07laemirqu] {
        border-bottom: 1px solid var(--rule-soft)
    }

.nl-faq summary[b-07laemirqu] {
    cursor: pointer;
    font-family: var(--f-display);
    font-weight: 700;
    font-size: 1.02rem;
    letter-spacing: -.012em;
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: var(--ink-0)
}

    .nl-faq summary[b-07laemirqu]::-webkit-details-marker {
        display: none
    }

    .nl-faq summary[b-07laemirqu]::after {
        content: "+";
        font-family: var(--f-mono);
        color: var(--ink-2);
        font-weight: 400
    }

.nl-faq details[open] summary[b-07laemirqu]::after {
    content: "–"
}

.nl-faq-a[b-07laemirqu] {
    margin-top: .6rem;
    color: var(--ink-1);
    font-size: .95rem;
    line-height: 1.55
}

    .nl-faq-a[b-07laemirqu]  p + p {
        margin-top: .55rem
    }

    .nl-faq-a[b-07laemirqu]  strong {
        color: var(--ink-0);
        font-weight: 600
    }

    .nl-faq-a[b-07laemirqu]  a {
        color: var(--accent);
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: .15em
    }

.nl-idx-tools[b-07laemirqu] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    margin-bottom: 1.2rem
}

.nl-chip[b-07laemirqu] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .3rem .55rem;
    border: 1px solid var(--rule);
    background: transparent;
    color: var(--ink-1);
    line-height: 1.2
}

    .nl-chip[aria-pressed="true"][b-07laemirqu] {
        background: var(--ink-0);
        color: var(--paper-0);
        border-color: var(--ink-0)
    }

.nl-search[b-07laemirqu] {
    flex: 1 1 14rem;
    max-width: 22rem;
    font: inherit;
    font-size: .9rem;
    padding: .42rem .7rem;
    border: 1px solid var(--rule);
    background: var(--paper-1);
    color: var(--ink-0)
}

.nl-entries[b-07laemirqu] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(auto-fill,minmax(20rem,1fr));
    align-content: start;
    transition: min-height .2s
}

.nl-noresults[b-07laemirqu] {
    grid-column: 1/-1;
    padding: .4rem 0
}

    .nl-noresults:empty[b-07laemirqu] {
        display: none
    }

.nl-idx-foot[b-07laemirqu] {
    text-align: right;
    margin-top: 1.1rem;
    font-family: var(--f-mono);
    font-size: .72rem;
    letter-spacing: .04em;
    color: var(--ink-2)
}

    .nl-idx-foot a[b-07laemirqu] {
        color: var(--accent);
        font-weight: 500;
        text-decoration: none
    }

        .nl-idx-foot a:hover[b-07laemirqu] {
            text-decoration: underline;
            text-underline-offset: .2em
        }

.nl-entries .nl-card[b-07laemirqu] {
    cursor: pointer
}

.nl-scopes-note[b-07laemirqu] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-top: 2.6rem;
    border-top: 1px solid var(--rule);
    padding-top: 1.6rem;
    max-width: 64rem
}

    .nl-scopes-note .nl-ic[b-07laemirqu] {
        flex: none;
        width: 1.3rem;
        height: 1.3rem;
        color: var(--accent);
        margin-top: .2rem
    }

    .nl-scopes-note p[b-07laemirqu] {
        font-size: .95rem;
        line-height: 1.6;
        color: var(--ink-1)
    }

    .nl-scopes-note b[b-07laemirqu] {
        color: var(--ink-0);
        font-weight: 600
    }

    .nl-scopes-note a[b-07laemirqu] {
        font-weight: 600
    }

.nl-subscribe[b-07laemirqu] {
    margin-top: 2rem;
    border-top: 1px solid var(--rule);
    padding-top: 1.4rem;
    display: grid;
    gap: .8rem;
    max-width: 40rem
}

    .nl-subscribe[b-07laemirqu]  form {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem
    }

    .nl-subscribe[b-07laemirqu]  input[type="email"] {
        flex: 1 1 14rem;
        font: inherit;
        font-size: .92rem;
        padding: .6rem .8rem;
        border: 1px solid var(--rule);
        background: var(--paper-1);
        color: var(--ink-0)
    }

.nl-ok[b-07laemirqu] {
    color: var(--hold);
    font-weight: 500
}

.nl-subscribe .nl-mono[b-07laemirqu] {
    font-size: .78rem;
    color: var(--ink-1)
}

.nl-err[b-07laemirqu] {
    font-size: .86rem;
    color: var(--no)
}

.nl[b-07laemirqu]  .nl-err--live {
    flex-basis: 100%;
    margin: 0;
    font-size: .82rem;
    line-height: 1.4;
    color: var(--no);
    display: flex;
    align-items: center;
    gap: .45rem;
    animation: nl-err-in-b-07laemirqu .22s ease-out
}

    .nl[b-07laemirqu]  .nl-err--live[hidden] {
        display: none
    }

    .nl[b-07laemirqu]  .nl-err--live::before {
        content: "";
        width: .45rem;
        height: .45rem;
        border-radius: 50%;
        background: var(--no);
        flex: none
    }

.nl[b-07laemirqu]  input[type="email"].is-invalid {
    border-color: var(--no) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--no) 22%,transparent)
}

    .nl[b-07laemirqu]  input[type="email"].is-invalid:focus {
        outline-color: var(--no) !important
    }

@keyframes nl-err-in-b-07laemirqu {
    from {
        opacity: 0;
        transform: translateY(-3px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.nl-extra[b-07laemirqu] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.nl-sticky[b-07laemirqu] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    padding: .6rem var(--gutter);
    background: var(--paper-0);
    border-top: 1px solid var(--rule);
    display: none;
    justify-content: space-between;
    align-items: center;
    gap: .8rem
}

    .nl-sticky.is-on[b-07laemirqu] {
        display: flex
    }

@media(min-width:1000px) {
    .nl-sticky.is-on[b-07laemirqu] {
        display: none
    }
}

.nl-sticky span[b-07laemirqu] {
    font-size: .82rem;
    color: var(--ink-1)
}

.nl .nl-dlg[b-07laemirqu] {
    position: fixed;
    inset: 0;
    margin: auto;
    width: min(31rem,calc(100% - 2rem));
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
    border: 1px solid color-mix(in srgb,var(--ink-0) 16%,var(--sheet-rule));
    border-radius: 18px;
    background: linear-gradient(180deg,#FFFFFF 0%,var(--sheet-2) 100%);
    color: var(--ink-0);
    padding: 2rem 2rem 1.5rem;
    font-family: var(--f-ui);
    font-size: 16.5px;
    line-height: 1.55;
    transform-origin: 50% 0;
    box-shadow: inset 0 1px 0 #FFFFFF,inset 0 0 0 1px rgba(255,255,255,.6),0 0 0 1px rgba(15,20,27,.05),0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent),0 44px 90px -30px rgba(var(--shade),.72),0 18px 36px -18px rgba(var(--shade),.45)
}

    .nl .nl-dlg[b-07laemirqu]::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 3px;
        background: linear-gradient(90deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 45%,transparent) 100%)
    }

    .nl .nl-dlg[b-07laemirqu]::backdrop {
        background: radial-gradient(ellipse 70% 60% at 50% 40%,rgba(var(--glow),.16),transparent 70%),rgba(6,5,16,.34);
        backdrop-filter: blur(18px) saturate(1.15) brightness(.82);
        -webkit-backdrop-filter: blur(18px) saturate(1.15) brightness(.82)
    }

    .nl .nl-dlg[open]:not(.is-modal)[b-07laemirqu] {
        z-index: 30;
        box-shadow: 0 0 0 100vmax rgba(7,9,13,.5),0 60px 120px -40px rgba(0,0,0,.78)
    }

@keyframes nl-dlg-in-b-07laemirqu {
    from {
        opacity: 0;
        transform: perspective(1400px) rotateX(-9deg) translateY(26px) scale(.965)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes nl-bd-in-b-07laemirqu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (prefers-reduced-motion:no-preference) {
    .nl .nl-dlg[open][b-07laemirqu] {
        animation: nl-dlg-in-b-07laemirqu .42s cubic-bezier(.2,.8,.2,1)
    }

        .nl .nl-dlg[open][b-07laemirqu]::backdrop {
            animation: nl-bd-in-b-07laemirqu .3s ease-out
        }
}

.nl-dlg .nl-kicker[b-07laemirqu] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: .75rem
}

.nl-pick[b-07laemirqu] {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin: 0 0 .7rem;
    font-weight: 600;
    font-size: .92rem;
    line-height: 1.35;
    color: var(--ink-0);
    padding: .1rem .5rem .1rem .45rem;
    margin-right: .1rem;
    border-radius: 5px;
    background: color-mix(in srgb,var(--accent-tint) 75%,var(--sheet));
    border: 1px solid color-mix(in srgb,var(--accent) 30%,transparent);
    border-left: 3px solid var(--accent)
}

    .nl-pick[b-07laemirqu]::before {
        content: "Your problem";
        display: block;
        font-family: var(--f-mono);
        font-size: .625rem;
        font-weight: 500;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--ink-2);
        margin-bottom: .1rem
    }

.nl-pick-line[b-07laemirqu] {
    display: block
}

    .nl-pick-line strong[b-07laemirqu] {
        color: var(--ink-0);
        font-weight: 600
    }

.nl-pick.is-brief[b-07laemirqu] {
    max-height: 8.6em;
    overflow-y: auto;
    font-family: var(--f-serif);
    font-size: .98rem;
    font-weight: 400;
    line-height: 1.42
}

    .nl-pick.is-brief[b-07laemirqu]::before {
        font-family: var(--f-mono)
    }

.nl-pick-edit[b-07laemirqu] {
    display: inline;
    margin: 0 0 0 .15rem;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 600;
    color: var(--accent);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
    cursor: pointer
}

    .nl-pick-edit[hidden][b-07laemirqu] {
        display: none
    }

    .nl-pick-edit:hover[b-07laemirqu] {
        text-decoration-thickness: 2px
    }

.nl-dlg h2[b-07laemirqu] {
    font-size: 1.6rem;
    letter-spacing: -.025em;
    line-height: 1.12;
    margin-bottom: .9rem
}

.nl .nl-dlg h2:focus[b-07laemirqu], .nl .nl-dlg h2:focus-visible[b-07laemirqu] {
    outline: none;
    box-shadow: none
}

.nl-dlg .nl-sub[b-07laemirqu] {
    font-size: .92rem;
    line-height: 1.5;
    color: var(--ink-1);
    margin-bottom: 1.5rem
}

.nl-notice[b-07laemirqu] {
    font-size: .88rem;
    line-height: 1.45;
    color: var(--ink-0);
    background: var(--reframe-tint);
    border-left: 2px solid var(--reframe);
    padding: .55rem .75rem;
    margin: 0 0 1rem
}

.nl-ways[b-07laemirqu] {
    display: grid;
    gap: .6rem
}

.nl-way[b-07laemirqu] {
    display: grid;
    gap: .5rem;
    padding: 1.2rem 1.25rem .95rem;
    border: 1px solid var(--sheet-rule);
    border-bottom-color: color-mix(in srgb,var(--ink-0) 22%,var(--sheet-rule));
    background: linear-gradient(180deg,#FFFFFF 0%,var(--sheet-well) 100%);
    border-radius: 10px;
    color: var(--ink-0);
    box-shadow: inset 0 1px 0 #FFFFFF,0 1px 0 rgba(15,20,27,.05),0 12px 24px -18px rgba(var(--shade),.5);
    transition: transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s,border-color .18s
}

    .nl-way:hover[b-07laemirqu] {
        transform: translateY(-1px);
        box-shadow: inset 0 1px 0 #FFFFFF,0 1px 0 rgba(15,20,27,.05),0 18px 30px -18px rgba(var(--shade),.55)
    }

    .nl-way:focus-within[b-07laemirqu] {
        border-color: color-mix(in srgb,var(--accent) 45%,var(--sheet-rule));
        border-bottom-color: color-mix(in srgb,var(--accent) 60%,var(--sheet-rule))
    }

.nl-way-title[b-07laemirqu], .nl-dlg[b-07laemirqu]  .nl-em .nl-way-title {
    display: block;
    font-family: var(--f-display);
    font-weight: 700;
    font-size: .98rem;
    letter-spacing: -.012em;
    line-height: 1.2;
    color: var(--ink-0)
}

.nl-way-desc[b-07laemirqu], .nl-dlg[b-07laemirqu]  .nl-em .nl-way-desc {
    font-size: .8rem;
    line-height: 1.4;
    color: var(--ink-1)
}

.nl-way-row[b-07laemirqu] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    margin-top: .5rem
}

.nl-way-trust[b-07laemirqu], .nl-dlg[b-07laemirqu]  .nl-em .nl-way-trust {
    display: block;
    margin-top: .55rem;
    padding-top: .65rem;
    border-top: 1px solid var(--sheet-rule);
    font-size: .72rem;
    line-height: 1.35;
    color: var(--ink-2)
}

.nl-way .nl-btn[b-07laemirqu], .nl-dlg[b-07laemirqu]  .nl-em .nl-btn, .nl-dlg[b-07laemirqu]  .nl-resend .nl-btn {
    flex: none;
    min-width: 8.5rem;
    height: 2.75rem;
    justify-content: center;
    padding: 0 1rem;
    font-size: .9rem;
    border-radius: 7px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 2px 0 color-mix(in srgb,var(--ink-0) 26%,transparent),0 10px 18px -12px rgba(var(--shade),.55)
}

    .nl-way .nl-btn:active[b-07laemirqu], .nl-dlg[b-07laemirqu]  .nl-em .nl-btn:active, .nl-dlg[b-07laemirqu]  .nl-resend .nl-btn:active {
        transform: translateY(2px);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 0 0 color-mix(in srgb,var(--ink-0) 26%,transparent),0 6px 12px -10px rgba(var(--shade),.5)
    }

    .nl-dlg[b-07laemirqu]  .nl-resend .nl-btn:disabled {
        opacity: .55;
        cursor: default;
        transform: none
    }

.nl-btn--li[b-07laemirqu] {
    background: linear-gradient(180deg,#1273D6,#0A66C2);
    border-color: #0958A9;
    color: #FFFFFF;
    gap: .5rem
}

    .nl-btn--li:hover[b-07laemirqu] {
        background: #0958A9;
        border-color: #0958A9;
        color: #FFFFFF
    }

    .nl-btn--li .nl-wi[b-07laemirqu] {
        width: 1rem;
        height: 1rem;
        fill: currentColor;
        flex: none
    }

.nl-or[b-07laemirqu] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: 1.1rem 0;
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-2)
}

    .nl-or[b-07laemirqu]::before, .nl-or[b-07laemirqu]::after {
        content: "";
        flex: 1;
        border-top: 1px solid var(--sheet-rule)
    }

.nl-dlg[b-07laemirqu]  .nl-em {
    display: grid;
    gap: .4rem
}

.nl-dlg[b-07laemirqu]  .nl-em-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-top: .5rem
}

.nl-dlg[b-07laemirqu]  .nl-em input[type="email"] {
    flex: 1 1 11rem;
    min-width: 0;
    height: 2.75rem;
    box-sizing: border-box;
    font: inherit;
    font-size: .95rem;
    padding: 0 .8rem;
    border: 1px solid color-mix(in srgb,var(--ink-0) 14%,var(--sheet-rule));
    background: var(--sheet-well);
    color: var(--ink-0);
    border-radius: 7px;
    box-shadow: inset 0 1px 3px rgba(15,20,27,.1)
}

    .nl-dlg[b-07laemirqu]  .nl-em input[type="email"]:focus {
        border-color: var(--accent);
        outline: 2px solid var(--accent);
        outline-offset: 0
    }

.nl-dlg[b-07laemirqu]  .nl-em .nl-err {
    font-size: .8rem
}

.nl-dlg[b-07laemirqu]  .nl-em.is-submitting button {
    opacity: .7;
    pointer-events: none
}

.nl-sent[b-07laemirqu] {
    display: grid;
    grid-template-columns: 1.5rem 1fr;
    gap: .9rem;
    align-items: start;
    padding: .95rem 1.05rem;
    border: 1px solid var(--rule);
    border-left: 3px solid var(--hold);
    background: linear-gradient(180deg,#FFFFFF,var(--paper-0));
    margin-bottom: .8rem;
    box-shadow: inset 0 1px 0 #FFFFFF,0 8px 18px -16px rgba(var(--shade),.4)
}

.nl-dlg[b-07laemirqu]  .nl-resend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1rem;
    margin: .2rem 0 .3rem
}

    .nl-dlg[b-07laemirqu]  .nl-resend.is-submitting button {
        opacity: .7;
        pointer-events: none
    }

.nl-dlg[b-07laemirqu]  .nl-dlg-alt {
    font-size: .84rem;
    font-weight: 600;
    color: var(--accent);
    text-decoration: none
}

    .nl-dlg[b-07laemirqu]  .nl-dlg-alt:hover {
        text-decoration: underline;
        text-underline-offset: .2em
    }

.nl-sent .nl-wi[b-07laemirqu] {
    width: 1.4rem;
    height: 1.4rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: var(--ink-0);
    margin-top: .1rem
}

.nl-sent b[b-07laemirqu] {
    display: block;
    font-family: var(--f-display);
    font-weight: 700;
    font-size: 1rem;
    color: var(--ink-0)
}

.nl-sent p[b-07laemirqu] {
    font-size: .86rem;
    color: var(--ink-1);
    line-height: 1.45;
    margin-top: .2rem
}

.nl-dlg-foot[b-07laemirqu] {
    margin-top: 1.4rem;
    padding-top: .9rem;
    border-top: 1px solid var(--sheet-rule);
    font-size: .74rem;
    line-height: 1.4;
    color: var(--ink-2)
}

.nl-dlg .nl-close[b-07laemirqu] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--ink-2);
    cursor: pointer;
    transition: background .15s,color .15s
}

    .nl-dlg .nl-close:hover[b-07laemirqu] {
        background: var(--sheet-well);
        color: var(--ink-0)
    }

    .nl-dlg .nl-close:focus-visible[b-07laemirqu] {
        outline: 2px solid var(--accent);
        outline-offset: 1px
    }

.nl-dlg[b-07laemirqu]  .is-busy, .nl-dlg .is-busy[b-07laemirqu] {
    pointer-events: none;
    cursor: progress;
    opacity: .85
}

    .nl-dlg[b-07laemirqu]  .is-busy::before, .nl-dlg .is-busy[b-07laemirqu]::before {
        content: "";
        flex: none;
        display: inline-block;
        vertical-align: -.12em;
        width: .85em;
        height: .85em;
        margin-right: .5em;
        border-radius: 50%;
        border: 2px solid currentColor;
        border-right-color: transparent;
        animation: nl-spin-b-07laemirqu .7s linear infinite
    }

    .nl-dlg .is-busy .nl-wi[b-07laemirqu] {
        display: none
    }

.nl-dlg[b-07laemirqu]  .nl-em.is-submitting input[type="email"] {
    opacity: .7;
    pointer-events: none
}

@keyframes nl-spin-b-07laemirqu {
    to {
        transform: rotate(360deg)
    }
}

@media (prefers-reduced-motion: reduce) {
    .nl-dlg[b-07laemirqu]  .is-busy::before, .nl-dlg .is-busy[b-07laemirqu]::before {
        animation: none;
        border-right-color: currentColor;
        opacity: .5
    }
}

@keyframes nl-rise-b-07laemirqu {
    from {
        opacity: 0;
        transform: translateY(12px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes nl-fade-b-07laemirqu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes nl-unveil-b-07laemirqu {
    from {
        opacity: 0;
        transform: translateY(26px);
        clip-path: inset(0 -1em 100% -1em)
    }

    35% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: none;
        clip-path: inset(-.3em -1em -.4em -1em)
    }
}

@keyframes nl-take-colour-b-07laemirqu {
    from {
        color: var(--ink-0)
    }

    to {
        color: transparent
    }
}

.nl-js .nl-state > *[b-07laemirqu], .nl-js .nl-hero > :not(.nl-state)[b-07laemirqu], .nl-js .nl-nav-in > *[b-07laemirqu] {
    opacity: 0
}

.nl-js.nl-fonts .nl-state > *[b-07laemirqu], .nl-js.nl-fonts .nl-hero > :not(.nl-state)[b-07laemirqu] {
    animation: nl-rise-b-07laemirqu .8s cubic-bezier(.16,1,.3,1) both
}

.nl-js.nl-fonts .nl-nav-in > *[b-07laemirqu] {
    animation: nl-fade-b-07laemirqu .6s ease-out both
}

.nl-js.nl-fonts .nl-nav-in > :nth-child(2)[b-07laemirqu] {
    animation-delay: .05s
}

.nl-js.nl-fonts .nl-nav-in > :nth-child(3)[b-07laemirqu] {
    animation-delay: .1s
}

.nl-js.nl-fonts .nl-state .nl-eb[b-07laemirqu] {
    animation-delay: .1s
}

.nl-js.nl-fonts .nl-state h1[b-07laemirqu] {
    animation: nl-unveil-b-07laemirqu 1s cubic-bezier(.16,1,.3,1) .2s both
}

    .nl-js.nl-fonts .nl-state h1 .nl-hl[b-07laemirqu] {
        animation: nl-take-colour-b-07laemirqu .8s ease-out .85s both
    }

.nl-js.nl-still .nl-state > *[b-07laemirqu], .nl-js.nl-still .nl-hero > :not(.nl-state)[b-07laemirqu], .nl-js.nl-still .nl-nav-in > *[b-07laemirqu],
.nl-js.nl-still .nl-state h1 .nl-hl[b-07laemirqu] {
    animation: none;
    opacity: 1
}

@media(prefers-reduced-motion:reduce) {
    .nl-js .nl-state > *[b-07laemirqu], .nl-js .nl-hero > :not(.nl-state)[b-07laemirqu], .nl-js .nl-nav-in > *[b-07laemirqu] {
        opacity: 1
    }
}

@media(prefers-reduced-motion:reduce) {
    .nl *[b-07laemirqu] {
        animation: none !important;
        transition: none !important
    }
}

.nl-btn[b-07laemirqu] {
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
    transition: background .15s,color .15s,transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s
}

.nl-btn--1:hover[b-07laemirqu] {
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 8px 18px -8px rgba(2,4,9,.55)
}

.nl-btn--2[b-07laemirqu] {
    box-shadow: none
}

    .nl-btn--2:hover[b-07laemirqu] {
        transform: translateY(-1px);
        box-shadow: 0 8px 18px -10px rgba(2,4,9,.45)
    }

.nl-btn:active[b-07laemirqu] {
    transform: translateY(0);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}

.nl-take[b-07laemirqu] {
    border-radius: 6px
}

    .nl-take:hover[b-07laemirqu] {
        box-shadow: 0 6px 14px -8px rgba(2,4,9,.5)
    }

.nl-chip[b-07laemirqu] {
    border-radius: 4px
}

.nl-tag[b-07laemirqu] {
    border-radius: 3px
}

.nl-search[b-07laemirqu], .nl-subscribe[b-07laemirqu]  input[type="email"], .nl-dlg[b-07laemirqu]  .nl-em input[type="email"] {
    border-radius: 6px
}

.nl-card[b-07laemirqu], .nl-step[b-07laemirqu], .nl-door[b-07laemirqu], .nl-plan[b-07laemirqu], .nl-out[b-07laemirqu], .nl-inst[b-07laemirqu], .nl-sent[b-07laemirqu] {
    border-radius: 6px
}

.nl-shot[b-07laemirqu], .nl-doc[b-07laemirqu] {
    border-radius: 10px
}

    .nl-shot > img[b-07laemirqu] {
        border-radius: 6px
    }

.nl-lvl i[b-07laemirqu] {
    border-radius: 1px
}

.nl .nl-sec--radar .nl-card[b-07laemirqu] {
    box-shadow: 0 16px 32px -24px rgba(var(--shade),.35)
}

    .nl .nl-sec--radar .nl-card:hover[b-07laemirqu] {
        border-color: color-mix(in srgb,var(--accent) 55%,var(--rule))
    }

.nl .nl-sec--radar .nl-chip[aria-pressed="true"][b-07laemirqu] {
    background: var(--accent);
    color: var(--on-accent);
    border-color: var(--accent)
}

.nl .nl-sec[b-07laemirqu] {
    position: relative
}

    .nl .nl-sec > .nl-wrap[b-07laemirqu] {
        position: relative;
        z-index: 1
    }

    .nl .nl-sec[b-07laemirqu]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: none
    }

.nl .nl-sec--grid[b-07laemirqu]::before {
    background: linear-gradient(var(--rule-soft) 1px,transparent 1px) 0 0/100% 36px, linear-gradient(90deg,var(--rule-soft) 1px,transparent 1px) 0 0/36px 100%;
    -webkit-mask-image: radial-gradient(ellipse 72% 78% at 50% 50%,#000 25%,transparent 100%);
    mask-image: radial-gradient(ellipse 72% 78% at 50% 50%,#000 25%,transparent 100%)
}

.nl .nl-sec--judge[b-07laemirqu] {
    background: linear-gradient(135deg,color-mix(in srgb,var(--accent-tint) 40%,var(--paper-0)) 0%,var(--accent-tint) 100%);
    border-block: 1px solid color-mix(in srgb,var(--accent) 32%,transparent)
}

    .nl .nl-sec--judge[b-07laemirqu]::before {
        background: radial-gradient(ellipse 38% 70% at 82% 50%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%)
    }

.nl .nl-sec--principle[b-07laemirqu] {
    background: linear-gradient(115deg,var(--wash) 0%,color-mix(in srgb,var(--accent-tint) 60%,var(--wash)) 100%)
}

    .nl .nl-sec--principle[b-07laemirqu]::before {
        background: radial-gradient(ellipse 40% 65% at 80% 55%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 70%)
    }

.nl .nl-sec--method[b-07laemirqu] {
    overflow: hidden;
    padding-bottom: clamp(6rem,10.5vw,9.5rem);
    background: radial-gradient(ellipse 30% 70% at 90% 30%,var(--paper-1),transparent 70%),var(--paper-2);
    border-block: 1px solid var(--rule)
}

    .nl .nl-sec--method[b-07laemirqu]::after {
        content: "Methodology";
        position: absolute;
        bottom: .28em;
        left: max(var(--gutter),calc(50% - var(--max) / 2 + var(--gutter)));
        pointer-events: none;
        user-select: none;
        font-family: var(--f-display);
        font-weight: 800;
        font-size: clamp(3.2rem,7.2vw,10rem);
        letter-spacing: .05em;
        line-height: 1;
        white-space: nowrap;
        color: transparent;
        -webkit-text-stroke: 1.25px color-mix(in srgb,var(--ink-0) 9%,transparent)
    }

.nl .nl-sec--pricing[b-07laemirqu] {
    background: var(--paper-0);
    border-block: 1px solid var(--rule)
}

    .nl .nl-sec--pricing .nl-plan[b-07laemirqu] {
        box-shadow: 0 14px 30px -22px rgba(15,20,27,.35)
    }

    .nl .nl-sec--pricing .nl-plan--cta[b-07laemirqu] {
        background: color-mix(in srgb,var(--accent-tint) 55%,var(--paper-1))
    }

.nl-fellows[b-07laemirqu] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .8rem 1rem;
    margin-top: 2rem;
    padding: .9rem 1.1rem;
    max-width: 46rem;
    border: 1px solid var(--rule);
    background: var(--paper-1);
    border-radius: 8px
}

    .nl-fellows .nl-ic[b-07laemirqu] {
        width: 1.3rem;
        height: 1.3rem;
        margin-top: .05rem;
        color: var(--accent);
        flex: none
    }

    .nl-fellows p[b-07laemirqu] {
        flex: 1 1 22rem;
        font-size: .9rem;
        line-height: 1.5;
        color: var(--ink-1)
    }

        .nl-fellows p b[b-07laemirqu] {
            color: var(--ink-0);
            font-weight: 600
        }

.nl-shot[b-07laemirqu]::before, .nl-doc.has-img[b-07laemirqu]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 70px rgba(var(--glow),.5)
}

.nl-shot[b-07laemirqu]::after, .nl-doc.has-img[b-07laemirqu]::after {
    content: "";
    position: absolute;
    top: -25%;
    bottom: -25%;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    background: linear-gradient(100deg,transparent 32%,rgba(255,255,255,.34) 50%,transparent 68%);
    transform: translateX(-100%)
}

.nl-js .nl-shot:not(.is-in) > img[b-07laemirqu] {
    object-position: 50% 16%
}

@keyframes nl-sheen-b-07laemirqu {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes nl-glow-b-07laemirqu {
    0% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@media (prefers-reduced-motion:no-preference) {
    .nl-shot.is-in[b-07laemirqu]::before, .nl-doc.has-img.is-in[b-07laemirqu]::before {
        animation: nl-glow-b-07laemirqu 1.7s .25s ease-out
    }

    .nl-shot.is-in[b-07laemirqu]::after, .nl-doc.has-img.is-in[b-07laemirqu]::after {
        opacity: 1;
        animation: nl-sheen-b-07laemirqu 1.25s .35s cubic-bezier(.3,.6,.2,1) both
    }
}

.nl-doc.has-img[b-07laemirqu] {
    transition: transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s,opacity .4s
}

.nl-js .nl-doc.has-img:not(.is-in)[b-07laemirqu] {
    opacity: 0;
    transform: perspective(1200px) rotateX(6deg) translateY(16px)
}

.nl .nl-sec--why[b-07laemirqu] {
    background: linear-gradient(180deg,var(--paper-2) 0%,var(--paper-0) 70%)
}

.nl .nl-sec--meet[b-07laemirqu] {
    background: var(--paper-2);
    border-block: 1px solid var(--rule)
}

    .nl .nl-sec--meet[b-07laemirqu]::before {
        background: radial-gradient(ellipse 50% 44% at 38% 62%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 72%)
    }

.nl-gallery-k[b-07laemirqu] {
    font-size: .8rem;
    line-height: 1.45;
    color: var(--ink-2);
    margin-top: .8rem
}

.nl-gallery[b-07laemirqu] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2,1fr)
}

@media(min-width:1000px) {
    .nl-gallery[b-07laemirqu] {
        grid-template-columns: repeat(5,1fr)
    }
}

.nl-g[b-07laemirqu] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: .65rem;
    row-gap: .1rem;
    align-items: start;
    align-content: start;
    padding: .62rem .8rem;
    border: 1px solid var(--rule-soft);
    background: var(--paper-1);
    border-radius: 6px;
    transition: border-color .15s,transform .18s cubic-bezier(.2,.7,.2,1)
}

    .nl-g:hover[b-07laemirqu] {
        border-color: var(--accent);
        transform: translateY(-1px)
    }

    .nl-g .nl-gi[b-07laemirqu] {
        grid-row: span 2;
        align-self: start;
        margin-top: .1rem;
        width: 1.15rem;
        height: 1.15rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.5;
        stroke-linecap: round;
        stroke-linejoin: round;
        color: var(--accent)
    }

    .nl-g b[b-07laemirqu] {
        font-family: var(--f-display);
        font-weight: 700;
        font-size: .84rem;
        letter-spacing: -.012em;
        color: var(--ink-0);
        line-height: 1.2
    }

    .nl-g span[b-07laemirqu] {
        font-size: .74rem;
        color: var(--ink-2);
        line-height: 1.3
    }

.nl-live[b-07laemirqu] {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: var(--spark);
    margin-right: .5rem;
    vertical-align: middle;
    position: relative;
    top: -.05em;
    box-shadow: 0 0 0 0 rgba(var(--spark-rgb),.5)
}

@keyframes nl-live-b-07laemirqu {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--spark-rgb),.5)
    }

    70% {
        box-shadow: 0 0 0 .6rem rgba(var(--spark-rgb),0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(var(--spark-rgb),0)
    }
}

@media (prefers-reduced-motion:no-preference) {
    .nl-live[b-07laemirqu] {
        animation: nl-live-b-07laemirqu 2.4s cubic-bezier(.2,.7,.2,1) infinite
    }
}

.nl-hl[b-07laemirqu] {
    color: var(--hl)
}

.nl-doc.has-img .nl-cap[b-07laemirqu] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: grid;
    gap: .12rem;
    padding: 1.5rem .75rem .6rem;
    color: #FFFFFF;
    text-shadow: 0 1px 2px rgba(0,0,0,.35);
    background: linear-gradient(180deg,rgba(12,14,24,0) 0%,rgba(12,14,24,.22) 45%,rgba(12,14,24,.5) 100%);
    backdrop-filter: blur(18px) saturate(1.5);
    -webkit-backdrop-filter: blur(18px) saturate(1.5);
    -webkit-mask-image: linear-gradient(to top,#000 50%,transparent 100%);
    mask-image: linear-gradient(to top,#000 50%,transparent 100%)
}

.nl-doc.has-img .nl-dt[b-07laemirqu] {
    font-family: var(--f-display);
    font-weight: 700;
    font-size: .86rem;
    letter-spacing: -.015em;
    line-height: 1.15;
    color: #FFFFFF
}

.nl-doc.has-img .nl-dm[b-07laemirqu] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.72)
}

.nl-doc.has-img.is-light .nl-cap[b-07laemirqu] {
    color: rgba(15,20,27,.92);
    text-shadow: 0 1px 2px rgba(255,255,255,.55);
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.34) 45%,rgba(255,255,255,.68) 100%)
}

.nl-doc.has-img.is-light .nl-dt[b-07laemirqu] {
    color: var(--ink-0)
}

.nl-doc.has-img.is-light .nl-dm[b-07laemirqu] {
    color: rgba(15,20,27,.72)
}

.nl .nl-shot[b-07laemirqu] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto
}

    .nl .nl-shot > img[b-07laemirqu] {
        position: relative;
        inset: auto;
        grid-row: 1;
        width: 100%;
        height: 100%;
        min-height: 0
    }

    .nl .nl-shot .nl-bar[b-07laemirqu],
    .nl .nl-shot.is-light .nl-bar[b-07laemirqu] {
        position: static;
        grid-row: 2;
        z-index: auto;
        align-items: baseline;
        padding: .65rem .4rem .35rem;
        border-radius: 0;
        color: var(--ink-1);
        text-shadow: none;
        background: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        box-shadow: none;
        -webkit-mask-image: none;
        mask-image: none
    }

        .nl .nl-shot .nl-bar i[b-07laemirqu],
        .nl .nl-shot.is-light .nl-bar i[b-07laemirqu] {
            align-self: center;
            margin-top: 0;
            background: var(--accent);
            box-shadow: none
        }

    .nl .nl-shot[b-07laemirqu]::before, .nl .nl-shot[b-07laemirqu]::after,
    .nl .nl-doc.has-img[b-07laemirqu]::before, .nl .nl-doc.has-img[b-07laemirqu]::after {
        content: none;
        animation: none
    }

.nl .nl-shot--3d[b-07laemirqu] {
    --rx: .8deg;
    --ry: -2deg
}

.nl .nl-shot.nl-meet-shot[b-07laemirqu] {
    --rx: 1.5deg
}

.nl .nl-sec--radar .nl-card[b-07laemirqu] {
    color: var(--ink-0);
    background: var(--paper-1);
    border-color: var(--rule-soft);
    box-shadow: 0 18px 40px -26px rgba(var(--shade),.4), 0 1px 3px rgba(var(--shade),.07)
}

    .nl .nl-sec--radar .nl-card:hover[b-07laemirqu],
    .nl .nl-sec--radar .nl-card.is-open[b-07laemirqu] {
        border-color: color-mix(in srgb, var(--accent) 50%, transparent)
    }

.nl .nl-sec--radar[b-07laemirqu] {
    background: radial-gradient(ellipse 70% 52% at 50% -8%, rgba(var(--glow), .2), transparent 70%), repeating-radial-gradient(circle at 50% -8%, transparent 0 118px, color-mix(in srgb, var(--accent) 5%, transparent) 118px 119px), var(--paper-0)
}

.nl .nl-shot .nl-bar[b-07laemirqu],
.nl .nl-shot.is-light .nl-bar[b-07laemirqu] {
    font-family: var(--f-ui);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ink-1)
}

.nl .nl-sec--radar[b-07laemirqu] {
    color: var(--ink-0);
    background: radial-gradient(ellipse 70% 50% at 50% -10%, rgba(var(--accent-rgb), .1), transparent 70%), repeating-radial-gradient(circle at 50% -12%, transparent 0 139px, rgba(var(--accent-rgb), .08) 139px 140px), var(--wash);
    border-top: 1px solid var(--rule-soft)
}

    .nl .nl-sec--radar .nl-hl[b-07laemirqu] {
        background: linear-gradient(transparent 64%, rgba(var(--accent-rgb), .14) 64%)
    }

    .nl .nl-sec--radar .nl-idx-foot a[b-07laemirqu] {
        color: var(--accent);
        font-weight: 600
    }

    .nl .nl-sec--radar .nl-starts[b-07laemirqu] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 22.5rem), 1fr));
        gap: 1.4rem;
        margin-top: 2.6rem
    }

    .nl .nl-sec--radar .nl-startc[b-07laemirqu] {
        display: flex;
        flex-direction: column;
        min-height: 0;
        padding: 1.7rem 1.8rem 1.6rem;
        border-radius: 18px;
        border: 1px solid var(--rule-soft);
        background: var(--paper-1);
        color: var(--ink-0);
        box-shadow: 0 30px 60px -36px rgba(var(--shade),.45), 0 1px 3px rgba(var(--shade),.07);
        transition: transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s
    }

        .nl .nl-sec--radar .nl-startc:hover[b-07laemirqu] {
            transform: translateY(-4px);
            box-shadow: 0 40px 70px -34px rgba(var(--shade),.5), 0 2px 6px rgba(var(--shade),.08)
        }

    .nl .nl-sec--radar .nl-startc-dom[b-07laemirqu] {
        display: flex;
        align-items: center;
        gap: .5rem;
        margin: 0 0 1.1rem;
        font-family: var(--f-mono);
        font-size: .72rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--ink-2)
    }

        .nl .nl-sec--radar .nl-startc-dom .nl-ic[b-07laemirqu] {
            width: 1rem;
            height: 1rem;
            color: var(--figure)
        }

    .nl .nl-sec--radar .nl-startc-new[b-07laemirqu] {
        margin-left: auto;
        padding: .2rem .5rem;
        border-radius: 4px;
        background: var(--spark-tint);
        color: var(--spark-deep);
        letter-spacing: .12em
    }

    .nl .nl-sec--radar .nl-startc-title[b-07laemirqu] {
        margin: 0 0 .9rem;
        font-family: var(--f-display);
        font-family: var(--f-serif);
        font-size: 1.55rem;
        font-weight: 600;
        letter-spacing: -.015em;
        line-height: 1.16;
        color: var(--ink-0);
        text-wrap: balance
    }

    .nl .nl-sec--radar .nl-startc-stmt[b-07laemirqu] {
        margin: 0 0 1.1rem;
        font-family: var(--f-serif);
        font-size: 1.12rem;
        line-height: 1.5;
        color: var(--ink-0);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        overflow: hidden
    }

    .nl .nl-sec--radar .nl-startc-act[b-07laemirqu] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .9rem 1.4rem;
        margin-top: auto
    }

    .nl .nl-sec--radar .nl-startc-go[b-07laemirqu] {
        display: inline-flex;
        align-items: center;
        gap: .6rem;
        min-height: 2.9rem;
        padding: 0 1.3rem;
        border-radius: 8px;
        background: var(--ink-0);
        color: var(--paper-1);
        font-family: var(--f-ui);
        font-size: .98rem;
        font-weight: 600;
        text-decoration: none;
        box-shadow: none;
        transition: background .16s, transform .16s
    }

        .nl .nl-sec--radar .nl-startc-go span[b-07laemirqu] {
            transition: transform .16s
        }

        .nl .nl-sec--radar .nl-startc-go:hover[b-07laemirqu],
        .nl .nl-sec--radar .nl-startc-go:focus-visible[b-07laemirqu] {
            background: var(--cta-solid)
        }

            .nl .nl-sec--radar .nl-startc-go:hover span[b-07laemirqu] {
                transform: translateX(4px)
            }

        .nl .nl-sec--radar .nl-startc-go:focus-visible[b-07laemirqu] {
            outline: 3px solid color-mix(in srgb, var(--accent) 45%, transparent);
            outline-offset: 3px
        }

    .nl .nl-sec--radar .nl-startc-more[b-07laemirqu] {
        font-size: .9rem;
        font-weight: 500;
        color: var(--ink-2);
        text-decoration: underline;
        text-decoration-color: var(--rule);
        text-underline-offset: 4px
    }

        .nl .nl-sec--radar .nl-startc-more:hover[b-07laemirqu] {
            color: var(--ink-0);
            text-decoration-color: currentColor
        }

@media (max-width: 640px) {
    .nl .nl-sec--radar .nl-startc[b-07laemirqu] {
        min-height: 0;
        padding: 1.6rem 1.4rem 1.5rem
    }

    .nl .nl-sec--radar .nl-startc-go[b-07laemirqu] {
        width: 100%;
        justify-content: center
    }
}

@media (prefers-reduced-motion: reduce) {
    .nl .nl-sec--radar .nl-startc[b-07laemirqu], .nl .nl-sec--radar .nl-startc-go[b-07laemirqu], .nl .nl-sec--radar .nl-startc-go span[b-07laemirqu] {
        transition: none
    }

        .nl .nl-sec--radar .nl-startc:hover[b-07laemirqu] {
            transform: none
        }
}

.nl[b-07laemirqu] {
    --f-serif: ui-serif,Charter,"Bitstream Charter",Georgia,Cambria,"Times New Roman",serif
}

    .nl .nl-facets[b-07laemirqu] {
        margin: 0 0 1.5rem;
        border-top: 1px solid var(--rule-soft)
    }

    .nl .nl-facet[b-07laemirqu] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        padding: .75rem 0;
        border-bottom: 1px solid var(--rule-soft)
    }

        .nl .nl-facet dt[b-07laemirqu], .nl .nl-facet-dt[b-07laemirqu] {
            grid-column: 1;
            font-family: var(--f-mono);
            font-size: .68rem;
            font-weight: 500;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--ink-2)
        }

        .nl .nl-facet dd[b-07laemirqu], .nl .nl-facet-dd[b-07laemirqu] {
            grid-column: 1;
            margin: .1rem 0 0;
            font-family: var(--f-ui);
            font-size: .98rem;
            line-height: 1.4;
            color: var(--ink-0);
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            overflow: hidden
        }

    .nl .nl-sec--radar .nl-subscribe[b-07laemirqu] {
        --on-accent: #FFFFFF;
        border-top-color: var(--rule);
        max-width: 44rem
    }

        .nl .nl-sec--radar .nl-subscribe[b-07laemirqu]  input[type="email"] {
            min-height: 3.1rem;
            padding: 0 1rem;
            border: 1px solid var(--rule);
            border-radius: 10px;
            background: var(--paper-1);
            color: var(--ink-0);
            font-size: 1rem
        }

            .nl .nl-sec--radar .nl-subscribe[b-07laemirqu]  input[type="email"]::placeholder {
                color: var(--ink-2)
            }

            .nl .nl-sec--radar .nl-subscribe[b-07laemirqu]  input[type="email"]:focus-visible {
                outline: 3px solid rgba(var(--accent-rgb),.35);
                outline-offset: 2px
            }

        .nl .nl-sec--radar .nl-subscribe[b-07laemirqu]  .nl-btn {
            min-height: 3.1rem;
            padding-inline: 1.4rem;
            border: 1px solid var(--ink-0);
            border-radius: 10px;
            background: var(--ink-0);
            color: var(--paper-1);
            box-shadow: 0 12px 24px -14px rgba(var(--shade),.45)
        }

            .nl .nl-sec--radar .nl-subscribe[b-07laemirqu]  .nl-btn:hover {
                background: var(--cta-solid);
                border-color: var(--cta-solid)
            }

    .nl .nl-subscribe-note[b-07laemirqu] {
        margin: 0;
        font-family: var(--f-ui);
        font-size: .88rem;
        line-height: 1.45;
        color: var(--ink-1)
    }

@media (max-height: 800px) {
    .nl .nl-dlg[b-07laemirqu] {
        padding: 1.5rem 1.6rem 1.2rem
    }

    .nl-dlg .nl-kicker[b-07laemirqu] {
        margin-bottom: .5rem
    }

    .nl-dlg h2[b-07laemirqu] {
        font-size: 1.42rem;
        margin-bottom: .65rem
    }

    .nl-pick[b-07laemirqu] {
        margin-bottom: .5rem
    }

    .nl-dlg .nl-sub[b-07laemirqu] {
        margin-bottom: 1rem
    }

    .nl-way[b-07laemirqu] {
        gap: .4rem;
        padding: .95rem 1.1rem .75rem
    }

    .nl-way-row[b-07laemirqu], .nl-dlg[b-07laemirqu]  .nl-em-row {
        margin-top: .25rem
    }

    .nl-way-trust[b-07laemirqu], .nl-dlg[b-07laemirqu]  .nl-em .nl-way-trust {
        margin-top: .35rem;
        padding-top: .5rem
    }

    .nl-or[b-07laemirqu] {
        margin: .7rem 0
    }

    .nl-dlg-foot[b-07laemirqu] {
        margin-top: .9rem;
        padding-top: .7rem
    }
}

.nl .nl-eb[b-07laemirqu],
.nl .nl-card-top[b-07laemirqu],
.nl .nl-tag[b-07laemirqu],
.nl .nl-chip[b-07laemirqu],
.nl .nl-n[b-07laemirqu],
.nl .nl-dlg .nl-kicker[b-07laemirqu],
.nl .nl-sec--radar .nl-startc-dom[b-07laemirqu] {
    font-weight: 600;
    letter-spacing: .1em
}

.nl .nl-jt h2 .nl-stamp[b-07laemirqu] {
    width: 1.06em;
    height: 1.06em;
    margin: 0 .06em 0 .12em;
    vertical-align: -.08em;
    border: .055em solid var(--no);
    border-radius: .13em;
    background: color-mix(in srgb, var(--no) 12%, transparent);
    box-shadow: none;
    color: var(--no);
    opacity: 1;
    transform: rotate(-5deg)
}

.nl[data-theme="light"] .nl-jt h2 .nl-stamp[b-07laemirqu] {
    mix-blend-mode: normal
}

.nl .nl-docs[b-07laemirqu] {
    gap: 1.1rem;
    align-items: start
}

.nl .nl-doc.has-img[b-07laemirqu] {
    aspect-ratio: auto;
    display: block;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--rule);
    border-radius: 12px;
    background: var(--paper-1);
    transform: none;
    box-shadow: 0 18px 38px -26px rgba(2,4,9,.45), 0 1px 0 var(--rule);
    transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s
}

    .nl .nl-doc.has-img:hover[b-07laemirqu] {
        transform: translateY(-3px);
        box-shadow: 0 28px 52px -26px rgba(2,4,9,.55), 0 1px 0 var(--rule)
    }

    .nl .nl-doc.has-img > img[b-07laemirqu] {
        position: static;
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        object-position: center;
        background: var(--paper-2);
        border-bottom: 1px solid var(--rule)
    }

    .nl .nl-doc.has-img .nl-cap[b-07laemirqu],
    .nl .nl-doc.has-img.is-light .nl-cap[b-07laemirqu] {
        position: static;
        z-index: auto;
        display: grid;
        gap: .16rem;
        padding: .75rem .9rem .8rem;
        background: var(--paper-1);
        color: var(--ink-0);
        text-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        -webkit-mask-image: none;
        mask-image: none
    }

    .nl .nl-doc.has-img .nl-dt[b-07laemirqu],
    .nl .nl-doc.has-img.is-light .nl-dt[b-07laemirqu] {
        font-size: .95rem;
        font-weight: 700;
        letter-spacing: -.012em;
        color: var(--ink-0)
    }

    .nl .nl-doc.has-img .nl-dm[b-07laemirqu],
    .nl .nl-doc.has-img.is-light .nl-dm[b-07laemirqu] {
        font-family: var(--f-ui);
        font-size: .78rem;
        font-weight: 400;
        letter-spacing: .01em;
        text-transform: none;
        color: var(--ink-2)
    }

.nl .nl-sec--radar .nl-starts[b-07laemirqu] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    gap: 1.1rem;
    margin-top: 2.2rem
}

.nl .nl-sec--radar .nl-startc[b-07laemirqu] {
    padding: 1.35rem 1.4rem 1.3rem;
    border-radius: 14px;
    box-shadow: 0 22px 46px -32px rgba(var(--shade),.4), 0 1px 3px rgba(var(--shade),.07)
}

    .nl .nl-sec--radar .nl-startc:hover[b-07laemirqu] {
        transform: translateY(-3px);
        box-shadow: 0 30px 56px -30px rgba(var(--shade),.48), 0 2px 5px rgba(var(--shade),.08)
    }

.nl .nl-sec--radar .nl-startc-dom[b-07laemirqu] {
    margin: 0 0 .8rem;
    font-size: .68rem;
    letter-spacing: .1em
}

    .nl .nl-sec--radar .nl-startc-dom .nl-ic[b-07laemirqu] {
        width: .9rem;
        height: .9rem
    }

.nl .nl-sec--radar .nl-startc-title[b-07laemirqu] {
    margin: 0 0 .65rem;
    font-size: 1.3rem;
    line-height: 1.18
}

.nl .nl-sec--radar .nl-startc-stmt[b-07laemirqu] {
    margin: 0 0 .9rem;
    font-size: 1.02rem;
    line-height: 1.48;
    -webkit-line-clamp: 4;
    line-clamp: 4
}

.nl .nl-sec--radar .nl-startc-act[b-07laemirqu] {
    gap: .7rem 1.1rem
}

.nl .nl-sec--radar .nl-startc-go[b-07laemirqu] {
    min-height: 2.65rem;
    padding: 0 1.15rem;
    font-size: .94rem;
    background: var(--ink-0);
    color: var(--paper-1)
}

    .nl .nl-sec--radar .nl-startc-go:hover[b-07laemirqu],
    .nl .nl-sec--radar .nl-startc-go:focus-visible[b-07laemirqu] {
        background: var(--cta-solid)
    }

    .nl .nl-sec--radar .nl-startc-go:focus-visible[b-07laemirqu] {
        outline: 3px solid color-mix(in srgb, var(--accent) 45%, transparent);
        outline-offset: 3px
    }

.nl .nl-sec--radar .nl-startc-more[b-07laemirqu] {
    font-size: .86rem
}

@media (max-width: 640px) {
    .nl .nl-sec--radar .nl-startc[b-07laemirqu] {
        padding: 1.3rem 1.25rem 1.2rem
    }
}

.nl .nl-h2-turn[b-07laemirqu] {
    display: grid;
    gap: .18em;
    line-height: 1.04
}

.nl .nl-turn-a[b-07laemirqu] {
    font-size: .68em;
    font-weight: 600;
    letter-spacing: -.02em;
    color: var(--ink-2)
}

.nl .nl-turn-b[b-07laemirqu] {
    font-size: 1.16em;
    font-weight: 800;
    letter-spacing: -.034em;
    color: var(--ink-0)
}

.nl .nl-outcome h3[b-07laemirqu] {
    font-size: clamp(1.3rem, 2.2vw, 1.75rem);
    letter-spacing: -.024em
}

.nl .nl-outcome > p[b-07laemirqu] {
    max-width: 54ch;
    margin-top: -.35rem
}

.nl .nl-idx-crumb a[b-07laemirqu] {
    color: var(--accent);
    text-decoration: none
}

    .nl .nl-idx-crumb a:hover[b-07laemirqu] {
        text-decoration: underline;
        text-underline-offset: .2em
    }

.nl .nl-idx-crumb span[b-07laemirqu] {
    color: var(--ink-2)
}

.nl .nl-idx-note[b-07laemirqu] {
    color: var(--ink-2);
    font-size: .95rem;
    margin-top: .4rem
}

.nl .nl-facets[b-07laemirqu] {
    display: grid;
    gap: 1.6rem 2rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid var(--rule)
}

.nl .nl-facet-k[b-07laemirqu] {
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ink-2);
    margin: 0 0 .7rem
}

.nl .nl-facets ul[b-07laemirqu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .35rem
}

.nl .nl-facets a[b-07laemirqu] {
    color: var(--ink-1);
    text-decoration: none;
    font-size: .95rem
}

    .nl .nl-facets a:hover[b-07laemirqu] {
        color: var(--accent);
        text-decoration: underline;
        text-underline-offset: .2em
    }

.nl .nl-arch-k[b-07laemirqu] {
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ink-2);
    margin: 2.4rem 0 1rem
}

.nl .nl-arch-grid[b-07laemirqu] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr))
}

.nl .nl-arch-card[b-07laemirqu] {
    border: 1px solid var(--rule);
    border-radius: 12px;
    padding: 1.1rem 1.2rem;
    background: var(--paper-1);
    display: grid;
    gap: .35rem;
    align-content: start
}

    .nl .nl-arch-card h3[b-07laemirqu] {
        font-size: 1.05rem;
        letter-spacing: -.015em
    }

        .nl .nl-arch-card h3 a[b-07laemirqu] {
            color: var(--ink-0);
            text-decoration: none
        }

            .nl .nl-arch-card h3 a:hover[b-07laemirqu] {
                color: var(--accent)
            }

    .nl .nl-arch-card p[b-07laemirqu] {
        font-size: .9rem;
        color: var(--ink-1);
        line-height: 1.5
    }

.nl .nl-arch-n[b-07laemirqu] {
    font-size: .8rem;
    color: var(--ink-2)
}

.nl .nl-arch[b-07laemirqu] {
    display: grid;
    gap: 0;
    margin-top: 1.5rem
}

.nl .nl-arch-row[b-07laemirqu] {
    display: grid;
    gap: .3rem 1.6rem;
    padding: 1.2rem 0;
    border-top: 1px solid var(--rule-soft)
}

@media (min-width: 760px) {
    .nl .nl-arch-row[b-07laemirqu] {
        grid-template-columns: 12rem 1fr
    }
}

.nl .nl-arch-when[b-07laemirqu] {
    display: grid;
    gap: .1rem
}

    .nl .nl-arch-when b[b-07laemirqu] {
        font-size: 1rem;
        color: var(--ink-0)
    }

    .nl .nl-arch-when span[b-07laemirqu] {
        font-size: .85rem;
        color: var(--ink-2)
    }

.nl .nl-arch-what h2[b-07laemirqu] {
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.45
}

    .nl .nl-arch-what h2 a[b-07laemirqu] {
        color: var(--ink-0);
        text-decoration: none
    }

        .nl .nl-arch-what h2 a:hover[b-07laemirqu] {
            color: var(--accent)
        }

.nl .nl-shr[b-07laemirqu] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .5rem;
    align-items: center;
    margin: .9rem 0 0
}

.nl .nl-shr--pv[b-07laemirqu] {
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid var(--rule-soft)
}

.nl .nl-shr-b[b-07laemirqu] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .7rem;
    border: 1px solid var(--rule);
    border-radius: 99px;
    background: transparent;
    color: var(--ink-2);
    font: inherit;
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
    transition: color .15s, border-color .15s, background .15s
}

    .nl .nl-shr-b:hover[b-07laemirqu] {
        color: var(--ink-0);
        border-color: var(--ink-2)
    }

    .nl .nl-shr-b:focus-visible[b-07laemirqu] {
        outline: 2px solid var(--focus);
        outline-offset: 2px
    }

    .nl .nl-shr-b.is-done[b-07laemirqu] {
        color: var(--hold);
        border-color: var(--hold)
    }

.nl .nl-shr-js[b-07laemirqu] {
    display: none
}

.nl.nl-js .nl-shr-js[b-07laemirqu] {
    display: inline-flex
}

@media (prefers-reduced-motion: reduce) {
    .nl .nl-shr-b[b-07laemirqu] {
        transition: none
    }
}

.nl .nl-sec--index .nl-card.nl-feed[b-07laemirqu] {
    padding-left: clamp(.4rem, 2vw, 1.6rem);
    padding-right: clamp(.4rem, 2vw, 1.6rem)
}

.nl .nl-sec--index .nl-feed .nl-shr[b-07laemirqu] {
    margin-top: .8rem
}

.nl .nl-feed-src[b-07laemirqu] {
    margin-top: .6rem;
    font-size: .85rem;
    line-height: 1.45;
    color: var(--ink-2)
}

    .nl .nl-feed-src a[b-07laemirqu] {
        color: var(--accent);
        text-decoration: none;
        border-bottom: 1px solid color-mix(in srgb, var(--accent) 40%, transparent)
    }

        .nl .nl-feed-src a:hover[b-07laemirqu] {
            border-bottom-color: currentColor
        }

.nl .nl-pv-src-lead[b-07laemirqu] {
    margin-top: .9rem
}

.nl .nl-t-compact[b-07laemirqu],
.nl .nl-t-full[b-07laemirqu] {
    display: block
}

.nl .nl-t-compact[b-07laemirqu] {
    font-family: var(--f-display);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.04;
    text-wrap: balance;
    color: var(--ink-0)
}

.nl .nl-t-full[b-07laemirqu] {
    margin-top: .34em;
    font-family: var(--f-ui);
    font-size: .46em;
    font-weight: 500;
    letter-spacing: -.005em;
    line-height: 1.32;
    color: var(--ink-1);
    text-wrap: pretty
}

.nl .nl-sec--index .nl-feed .nl-card-title .nl-t-compact[b-07laemirqu] {
    font-size: clamp(1.45rem, 2.5vw, 2rem)
}

.nl .nl-sec--index .nl-feed .nl-card-tg[b-07laemirqu] {
    text-align: left
}

.nl .nl-pv-h1 .nl-t-compact[b-07laemirqu] {
    font-size: clamp(2.1rem, 4.6vw, 3.4rem)
}

.nl .nl-pv-h1 .nl-t-full[b-07laemirqu] {
    font-size: .34em;
    margin-top: .3em;
    color: var(--ink-1)
}

.nl .nl-pcard-title .nl-t-compact[b-07laemirqu] {
    font-size: 1.12rem
}

.nl .nl-pcard-title .nl-t-full[b-07laemirqu] {
    font-size: .8rem;
    margin-top: .28em
}

.nl .nl-feed-src--ed[b-07laemirqu] {
    color: var(--ink-2);
    font-style: italic
}

.nl .nl-t-full[b-07laemirqu] {
    font-size: .58em;
    font-weight: 500;
    color: var(--ink-1);
    margin-top: .3em
}

.nl .nl-sec--index .nl-feed .nl-card-title .nl-t-full[b-07laemirqu] {
    font-size: 1.1rem;
    line-height: 1.35
}

.nl .nl-pv-h1 .nl-t-full[b-07laemirqu] {
    font-size: .42em;
    margin-top: .26em
}

.nl .nl-pcard-title .nl-t-full[b-07laemirqu] {
    font-size: .9rem
}

.nl .nl-prov[b-07laemirqu] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-top: .6rem;
    font-size: .8rem;
    line-height: 1.4;
    color: var(--ink-2)
}

    .nl .nl-prov .nl-ic[b-07laemirqu] {
        width: .95rem;
        height: .95rem;
        flex: none;
        color: var(--accent)
    }

    .nl .nl-prov a[b-07laemirqu] {
        color: var(--ink-1);
        text-decoration: none;
        border-bottom: 1px solid color-mix(in srgb, var(--accent) 38%, transparent)
    }

        .nl .nl-prov a:hover[b-07laemirqu] {
            color: var(--accent);
            border-bottom-color: currentColor
        }

.nl .nl-prov--ed[b-07laemirqu] {
    color: var(--ink-2);
    font-style: italic
}

    .nl .nl-prov--ed .nl-ic[b-07laemirqu] {
        color: var(--ink-2)
    }

.nl .nl-feed-src--ed .nl-ic[b-07laemirqu] {
    width: .95rem;
    height: .95rem;
    margin-right: .35rem;
    vertical-align: -.15rem;
    color: var(--ink-2)
}

.nl .nl-sec--radar .nl-startc-title .nl-t-compact[b-07laemirqu] {
    font-size: 1.42rem;
    font-family: var(--f-display);
    font-weight: 800;
    letter-spacing: -.028em;
    line-height: 1.08;
    color: var(--ink-0)
}

.nl .nl-sec--radar .nl-startc-title .nl-t-full[b-07laemirqu] {
    font-size: .95rem;
    font-weight: 500;
    font-family: var(--f-ui);
    line-height: 1.35;
    color: #414A57;
    margin-top: .3em
}

.nl .nl-scroll[b-07laemirqu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .45rem;
    width: max-content;
    margin: 3rem auto 0;
    padding: .4rem .9rem .2rem;
    border-radius: 99px;
    color: var(--ink-2);
    font-family: var(--f-mono);
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .25s
}

    .nl .nl-scroll:hover[b-07laemirqu],
    .nl .nl-scroll:focus-visible[b-07laemirqu] {
        color: var(--ink-0)
    }

    .nl .nl-scroll:focus-visible[b-07laemirqu] {
        outline: 2px solid var(--accent);
        outline-offset: 3px
    }

    .nl .nl-scroll svg[b-07laemirqu] {
        width: 1.15rem;
        height: 1.15rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
        animation: nl-bob-b-07laemirqu 2.2s ease-in-out infinite
    }

@keyframes nl-bob-b-07laemirqu {
    0%, 100% {
        transform: translateY(0);
        opacity: .5
    }

    50% {
        transform: translateY(.3rem);
        opacity: 1
    }
}

@media (prefers-reduced-motion: reduce) {
    .nl .nl-scroll svg[b-07laemirqu] {
        animation: none
    }
}

.nl .nl-sec--hero[b-07laemirqu] {
    grid-template-rows: 1fr auto;
    align-content: stretch;
    overflow-x: clip
}

    .nl .nl-sec--hero > .nl-wrap[b-07laemirqu] {
        align-self: center
    }

.nl .nl-scroll[b-07laemirqu] {
    margin-top: .25rem
}

.nl .nl-pull .nl-mk[b-07laemirqu] {
    white-space: nowrap;
    padding: 0 .07em;
    margin: 0 -.07em;
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--accent) 12%, transparent), color-mix(in srgb, var(--accent) 34%, transparent) 15%, color-mix(in srgb, var(--accent) 34%, transparent) 85%, color-mix(in srgb, var(--accent) 12%, transparent));
    background-size: 100% .3em;
    background-position: 0 90%;
    background-repeat: no-repeat
}

.nl .nl-shot .nl-bar[b-07laemirqu] {
    flex-wrap: wrap
}

.nl .nl-case-note a[b-07laemirqu] {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
    text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
    transition: color .2s, text-decoration-color .2s
}

    .nl .nl-case-note a:hover[b-07laemirqu],
    .nl .nl-case-note a:focus-visible[b-07laemirqu] {
        color: var(--accent);
        text-decoration-color: currentColor
    }

.nl .nl-plan-head[b-07laemirqu] {
    gap: .3rem
}

.nl .nl-pf[b-07laemirqu] {
    order: 0;
    margin-top: -.1rem;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ink-0)
}

.nl .nl-ps[b-07laemirqu] {
    margin-top: .45rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--ink-1)
}

.nl .nl-pp[b-07laemirqu] {
    margin-top: 1.15rem
}

.nl .nl-billed[b-07laemirqu] {
    margin-top: .35rem;
    font-size: .8125rem;
    line-height: 1.45
}

.nl .nl-plan ul[b-07laemirqu] {
    margin: 1rem 0 0;
    gap: .55rem;
    font-size: .875rem;
    line-height: 1.5
}

    .nl .nl-plan ul li[b-07laemirqu] {
        padding-left: 1.05rem;
        text-indent: -1.05rem
    }

        .nl .nl-plan ul li[b-07laemirqu]::before {
            content: "— ";
            color: var(--ink-2)
        }

.nl .nl-plan > ul[b-07laemirqu] {
    margin-bottom: 1.1rem
}

.nl .nl-plan ul[b-07laemirqu] {
    align-content: start
}

.nl .nl-plan-head > .nl-ps[b-07laemirqu] {
    margin-top: .45rem
}

.nl .nl-plan > .nl-ps[b-07laemirqu] {
    margin-top: .55rem;
    font-size: .9375rem;
    line-height: 1.5;
    color: var(--ink-1)
}

.nl .nl-billed[b-07laemirqu] {
    margin-top: .4rem;
    font-size: .8125rem;
    color: var(--ink-2)
}

.nl .nl-pp[b-07laemirqu] {
    display: block;
    text-wrap: pretty
}

    .nl .nl-pp small[b-07laemirqu] {
        display: inline;
        font-size: .8125rem;
        line-height: 1.45;
        color: var(--ink-2)
    }

.nl .nl-pp--text small[b-07laemirqu] {
    display: block;
    margin-top: .3rem
}

.nl .nl-plan ul:not(.nl-glyphs) li[b-07laemirqu] {
    padding-left: 1.05rem;
    text-indent: -1.05rem
}

.nl .nl-plan ul.nl-glyphs li[b-07laemirqu] {
    padding-left: 0;
    text-indent: 0;
    display: flex;
    align-items: baseline;
    gap: .55rem
}

    .nl .nl-plan ul.nl-glyphs li[b-07laemirqu]::before {
        content: none
    }

.nl .nl-plan ul.nl-glyphs .nl-ic[b-07laemirqu] {
    flex: none;
    width: 1.05rem;
    height: 1.05rem;
    transform: translateY(.15rem)
}

.nl .nl-plan > ul[b-07laemirqu] {
    margin-top: 1.15rem
}

.nl .nl-big[b-07laemirqu] {
    line-height: 1.06
}

.nl .nl-sec--hero h1 .nl-hl[b-07laemirqu] {
    color: transparent;
    background: linear-gradient(95deg, var(--spark-hi) 0%, var(--spark) 40%, var(--spark-deep) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    padding-bottom: .08em
}

.nl-js .nl-nav:not(.is-cta) .nl-nav-act > .nl-btn--hot[data-nav-cta][b-07laemirqu] {
    background: transparent;
    color: var(--ink-0) !important;
    box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ink-0) 22%, transparent);
    transition: background .25s ease, color .25s ease, box-shadow .25s ease
}

    .nl-js .nl-nav:not(.is-cta) .nl-nav-act > .nl-btn--hot[data-nav-cta]:hover[b-07laemirqu] {
        background: transparent;
        box-shadow: inset 0 0 0 1.5px var(--ink-0)
    }

.nl .nl-btn--hot[b-07laemirqu] {
    border: 0;
    border-radius: 8px;
    font-weight: 700;
    color: var(--on-cta) !important;
    text-shadow: none;
    background: var(--cta);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22),0 10px 24px -12px rgba(var(--cta-rgb),.7)
}

    .nl .nl-btn--hot:hover[b-07laemirqu] {
        background: var(--cta-hover);
        filter: none
    }

@media (max-width: 1789.98px) {
    .nl .nl-sec--radar .nl-startc:nth-child(n+9)[b-07laemirqu] {
        display: none
    }
}

@media (max-width: 1439.98px) {
    .nl .nl-sec--radar .nl-startc:nth-child(n+7)[b-07laemirqu] {
        display: none
    }
}


.nl .nl-h-promise[b-07laemirqu] {
    margin-inline: auto;
    max-width: 38rem;
    font-size: clamp(1.15rem,1.9vw,1.6rem);
    font-weight: 600;
    line-height: 1.25;
    color: var(--ink-0);
    text-wrap: balance
}

.nl .nl-h-sub[b-07laemirqu] {
    margin-inline: auto;
    max-width: 40rem;
    text-wrap: pretty
}

.nl-js.nl-fonts .nl-state .nl-h-promise[b-07laemirqu] {
    animation-delay: .55s
}

.nl .nl-sec--hero[b-07laemirqu] {
    --h-card: var(--paper-1);
    --h-card-ink: var(--ink-0);
    --h-card-rule: var(--rule-soft);
    --h-orb-1: #FFFFFF;
    --h-orb-2: color-mix(in srgb, var(--figure) 5%, #FFFFFF);
    --h-orb-rule: color-mix(in srgb, var(--figure) 16%, transparent);
    --h-orb-shadow: 0 12px 26px -16px rgba(var(--shade),.34), 0 2px 6px -3px rgba(var(--shade),.1);
    --h-orb-inset: rgba(255,255,255,.95);
    --h-art: var(--figure);
    --h-art-soft: color-mix(in srgb, var(--figure) 9%, #FFFFFF);
    --h-art-mid: color-mix(in srgb, var(--figure) 30%, #FFFFFF);
    --h-thread: rgba(var(--accent-rgb),.5);
    --h-paper: #F6F4EF;
    --h-grid: rgba(110,92,60,.11);
    --h-halo: color-mix(in srgb, var(--h-paper) 96%, transparent);
    --h-no: #D6336C;
    --h-ok: #1F8A5C;
    --h-ground: var(--h-paper);
    background: linear-gradient(180deg, var(--h-paper) 0%, var(--h-paper) 82%, var(--paper-0) 100%)
}

    .nl .nl-sec--hero[b-07laemirqu]::before {
        background-image: linear-gradient(var(--h-grid) 1px, transparent 1px), linear-gradient(90deg, var(--h-grid) 1px, transparent 1px);
        background-size: 48px 48px;
        background-position: 50% 0;
        -webkit-mask-image: radial-gradient(ellipse 62% 50% at 50% 64%, #000 38%, transparent 92%);
        mask-image: radial-gradient(ellipse 62% 50% at 50% 64%, #000 38%, transparent 92%)
    }

.nl[data-theme="dark"] .nl-sec--hero[b-07laemirqu] {
    --h-card: #15131F;
    --h-card-ink: #EEEAF8;
    --h-card-rule: #2B2640;
    --h-orb-1: #262039;
    --h-orb-2: #16131F;
    --h-orb-rule: rgba(208,166,255,.2);
    --h-orb-shadow: 0 12px 26px -14px rgba(0,0,0,.8), 0 2px 6px -3px rgba(0,0,0,.45);
    --h-orb-inset: rgba(255,255,255,.07);
    --h-art: #D6B4FF;
    --h-art-soft: #2A2143;
    --h-art-mid: #5B3F94;
    --h-thread: rgba(208,166,255,.6);
    --h-halo: rgba(12,10,22,.95);
    --h-no: #F05C8A;
    --h-ok: #4FC993;
    --h-ground: #0D0B18;
    background: linear-gradient(180deg, #0B0A14 0%, #0D0B18 60%, var(--paper-0) 100%)
}

    .nl[data-theme="dark"] .nl-sec--hero[b-07laemirqu]::before {
        background-image: radial-gradient(circle, rgba(208,166,255,.16) 1px, transparent 1.3px);
        background-size: 24px 24px;
        background-position: 0 0;
        -webkit-mask-image: radial-gradient(ellipse 72% 62% at 50% 52%, #000 28%, transparent 86%);
        mask-image: radial-gradient(ellipse 72% 62% at 50% 52%, #000 28%, transparent 86%)
    }

.nl[data-theme="light"] .nl-nav.is-solid[b-07laemirqu] {
    background: color-mix(in srgb, var(--paper-0) 86%, transparent)
}

.nl .nl-sec--hero .nl-hero[b-07laemirqu] {
    row-gap: 0
}

.nl .nl-sec--hero .nl-state[b-07laemirqu] {
    gap: 0
}

.nl .nl-h-head[b-07laemirqu] {
    text-align: center
}

.nl .nl-sec--hero .nl-eb[b-07laemirqu] {
    display: inline-flex;
    align-items: center;
    justify-self: center;
    padding: .34rem .82rem .34rem .91rem;
    border: 1px solid color-mix(in srgb, var(--accent) 18%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--h-card) 55%, transparent);
    font-size: .66rem;
    letter-spacing: .14em
}

.nl .nl-sec--hero h1[b-07laemirqu] {
    max-width: 12.4em;
    margin: clamp(1rem, 2.6vh, 1.5rem) auto 0;
    font-size: clamp(2.35rem, min(5.3vw, 8.6vh), 5.2rem);
    line-height: 1;
    letter-spacing: -.038em
}

.nl .nl-sec--hero .nl-h-promise[b-07laemirqu] {
    max-width: 34rem;
    margin: clamp(.85rem, 2.2vh, 1.25rem) auto 0;
    font-size: clamp(1.05rem, 1.45vw, 1.28rem);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.005em;
    color: var(--ink-1)
}

.nl .nl-portal-shell[b-07laemirqu] {
    margin-top: clamp(2.2rem, 6.2vh, 4rem)
}

.nl .nl-portal-stage[b-07laemirqu] {
    position: relative
}

.nl .nl-orbit[b-07laemirqu] {
    position: relative;
    width: min(42rem, 100%);
    margin-inline: auto
}

.nl .nl-clear[b-07laemirqu] {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    width: 128%;
    height: 175%;
    translate: -50% -50%;
    background: radial-gradient(closest-side, var(--h-ground) 62%, transparent);
    pointer-events: none
}

.nl .nl-portal-wrap[b-07laemirqu] {
    position: relative;
    z-index: 1
}

.nl .nl-wave[b-07laemirqu] {
    position: absolute;
    inset: 0;
    border-radius: 24px;
    border: 1.5px solid color-mix(in srgb, var(--accent) 45%, transparent);
    opacity: 0;
    pointer-events: none
}

    .nl .nl-wave.is-go[b-07laemirqu] {
        animation: nl-wave-b-07laemirqu 1.6s cubic-bezier(.2,.7,.2,1)
    }

@keyframes nl-wave-b-07laemirqu {
    from {
        inset: 0;
        border-radius: 24px;
        opacity: .6
    }

    to {
        inset: -26px;
        border-radius: 50px;
        opacity: 0
    }
}

.nl .nl-portal-box[b-07laemirqu] {
    position: relative;
    z-index: 1;
    padding: 1.5px;
    overflow: hidden;
    border-radius: 24px;
    background: color-mix(in srgb, var(--accent) 20%, var(--h-card-rule));
    box-shadow: 0 1px 2px rgba(var(--shade),.05), 0 28px 70px -26px rgba(var(--accent-rgb),.36), 0 10px 30px -14px rgba(var(--accent-rgb),.2);
    isolation: isolate;
    transition: box-shadow .4s ease
}

    .nl .nl-portal-box:focus-within[b-07laemirqu] {
        box-shadow: 0 0 0 5px rgba(var(--accent-rgb),.12), 0 28px 70px -24px rgba(var(--accent-rgb),.42), 0 10px 30px -14px rgba(var(--accent-rgb),.24)
    }

.nl .nl-ring[b-07laemirqu] {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    width: 115%;
    aspect-ratio: 1;
    translate: -50% -50%;
    background: conic-gradient(from 0deg, transparent 0 66%, rgba(var(--spark-rgb),.2) 80%, var(--spark) 92%, var(--spark-hi) 95.5%, transparent 99%);
    opacity: 1;
    pointer-events: none
}

.nl-js .nl-ring[b-07laemirqu] {
    animation: nl-ring-turn-b-07laemirqu 14s linear infinite
}

@keyframes nl-ring-turn-b-07laemirqu {
    to {
        rotate: 360deg
    }
}

.nl .nl-portal-box[b-07laemirqu]  .nl-portal {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    border-radius: 22.5px;
    background: var(--h-card)
}

.nl .nl-portal-box.is-nudge[b-07laemirqu] {
    animation: nl-nudge-b-07laemirqu .42s cubic-bezier(.36,.07,.19,.97)
}

@keyframes nl-nudge-b-07laemirqu {
    20%, 60% {
        translate: -6px 0
    }

    40%, 80% {
        translate: 6px 0
    }
}

.nl .nl-portal-in[b-07laemirqu] {
    display: grid;
    gap: .6rem;
    padding: 1.3rem 1.3rem 1.05rem 1.5rem;
    text-align: left
}

.nl .nl-portal-k[b-07laemirqu] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-family: var(--f-display);
    font-size: .98rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.01em;
    color: var(--h-card-ink)
}

.nl .nl-portal-ki[b-07laemirqu] {
    flex: none;
    width: 1.05rem;
    height: 1.05rem
}

.nl .nl-portal-own[b-07laemirqu] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-left: auto;
    padding-left: .8rem;
    font-family: var(--f-ui);
    font-size: .78rem;
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
    color: var(--ink-2);
    cursor: text;
    transition: color .2s ease, opacity .3s ease
}

    .nl .nl-portal-own svg[b-07laemirqu] {
        flex: none;
        width: .9rem;
        height: .9rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round
    }

.nl .nl-portal-box:hover .nl-portal-own[b-07laemirqu] {
    color: var(--accent)
}

.nl .nl-portal-stage.is-user .nl-portal-own[b-07laemirqu] {
    opacity: 0;
    pointer-events: none
}

.nl .nl-portal-stage.is-typed:not(.is-user):not(.is-invite) .nl-portal-box:hover .nl-type[b-07laemirqu] {
    opacity: .5
}

.nl .nl-portal-q[b-07laemirqu] {
    min-width: 0
}

.nl .nl-portal-now[b-07laemirqu] {
    display: none;
    color: var(--accent)
}

.nl .nl-portal-stage.is-invite .nl-portal-now[b-07laemirqu] {
    display: inline;
    animation: nl-now-b-07laemirqu .55s cubic-bezier(.2,.8,.2,1) .15s both
}

@keyframes nl-now-b-07laemirqu {
    from {
        opacity: 0;
        translate: -4px 0
    }
}

.nl .nl-portal-stage.is-invite .nl-portal-field textarea[b-07laemirqu] {
    animation: nl-ph-in-b-07laemirqu .7s ease both
}

@keyframes nl-ph-in-b-07laemirqu {
    from {
        opacity: 0
    }
}

.nl .nl-portal-stage.is-invite .nl-hints[b-07laemirqu] {
    transition-delay: .45s
}

.nl .nl-portal-stage.is-invite.is-unvite :is(.nl-portal-now, .nl-portal-field textarea)[b-07laemirqu] {
    animation: nl-fade-out-b-07laemirqu .35s ease both
}

.nl .nl-portal-stage.is-invite.is-unvite .nl-hints[b-07laemirqu] {
    opacity: 0;
    translate: 0 5px;
    transition-delay: 0s
}

@keyframes nl-fade-out-b-07laemirqu {
    to {
        opacity: 0
    }
}

.nl .nl-portal-stage.is-live.is-invite:not(.is-user) .nl-portal-field textarea[b-07laemirqu]::placeholder {
    color: color-mix(in srgb, var(--h-card-ink) 40%, transparent)
}

.nl .nl-portal-stage.is-invite .nl-portal-own[b-07laemirqu] {
    opacity: 0
}

@media (max-width: 599.98px) {
    .nl .nl-portal-k[b-07laemirqu] {
        align-items: flex-end
    }

    .nl .nl-portal-q[b-07laemirqu] {
        display: grid;
        grid-template-rows: 0fr auto;
        transition: grid-template-rows .45s cubic-bezier(.2,.8,.2,1)
    }

    .nl .nl-portal-now[b-07laemirqu] {
        display: block;
        min-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: opacity .35s ease
    }

    .nl .nl-portal-stage.is-invite .nl-portal-q[b-07laemirqu] {
        grid-template-rows: 1fr auto
    }

    .nl .nl-portal-stage.is-invite .nl-portal-now[b-07laemirqu] {
        opacity: 1;
        animation: none
    }
}

.nl.nl-js .nl-portal-stage:is(.is-paused, .is-off) .nl-type[b-07laemirqu]  .nl-caret {
    animation-play-state: paused
}

@media (max-width: 599.98px) {
    .nl .nl-portal-own span[b-07laemirqu] {
        display: none
    }
}

.nl .nl-portal-field[b-07laemirqu] {
    position: relative
}

    .nl .nl-portal-field textarea[b-07laemirqu], .nl .nl-type[b-07laemirqu] {
        font-family: var(--f-ui);
        font-size: 1.22rem;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: -.003em
    }

    .nl .nl-portal-field textarea[b-07laemirqu] {
        display: block;
        width: 100%;
        min-height: calc(2 * 1.5em + .3rem);
        max-height: 12.5rem;
        margin: 0;
        padding: .1rem 0 .2rem;
        border: 0;
        border-radius: 0;
        outline: 0;
        resize: none;
        background: transparent;
        color: var(--h-card-ink);
        caret-color: var(--accent);
        field-sizing: content;
        box-shadow: none
    }

        .nl .nl-portal-field textarea[b-07laemirqu]::placeholder {
            color: color-mix(in srgb, var(--h-card-ink) 40%, transparent);
            opacity: 1
        }

.nl .nl-portal-stage.is-live:not(.is-user) .nl-portal-field textarea[b-07laemirqu]::placeholder {
    color: transparent
}

.nl .nl-type[b-07laemirqu] {
    position: absolute;
    inset: 0;
    padding: .1rem 0 .2rem;
    color: color-mix(in srgb, var(--h-card-ink) 42%, transparent);
    white-space: pre-wrap;
    overflow-wrap: break-word;
    pointer-events: none;
    opacity: 0;
    transition: opacity .45s ease
}

.nl .nl-portal-stage.is-typed:not(.is-user) .nl-type[b-07laemirqu] {
    opacity: 1
}

.nl .nl-portal-stage.is-typed.is-fade:not(.is-user) .nl-type[b-07laemirqu] {
    opacity: 0;
    transition-duration: .6s
}

.nl .nl-type[b-07laemirqu]  .nl-frag {
    padding-bottom: .06em;
    background-image: linear-gradient(var(--mk), var(--mk));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .7s cubic-bezier(.3,.7,.2,1), color .5s ease
}

.nl .nl-type[b-07laemirqu]  .nl-frag--who {
    --mk: var(--accent)
}

.nl .nl-type[b-07laemirqu]  .nl-frag--cost {
    --mk: var(--spark)
}

.nl .nl-type[b-07laemirqu]  .nl-frag.is-lit {
    background-size: 100% 2px;
    color: var(--h-card-ink)
}

.nl .nl-type[b-07laemirqu]  .nl-caret {
    display: inline-block;
    width: 2px;
    height: 1.1em;
    margin-left: 1px;
    vertical-align: -.18em;
    border-radius: 1px;
    background: var(--accent);
    animation: nl-caret-b-07laemirqu 1s steps(1) infinite
}

@keyframes nl-caret-b-07laemirqu {
    50% {
        opacity: 0
    }
}

.nl .nl-portal-bar[b-07laemirqu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: .9rem;
    border-top: 1px solid var(--h-card-rule)
}

.nl .nl-portal-status[b-07laemirqu] {
    position: relative;
    display: grid;
    align-items: center;
    flex: 1;
    min-width: 0;
    min-height: 1.9rem
}

.nl .nl-portal-trust[b-07laemirqu], .nl .nl-hints[b-07laemirqu] {
    grid-area: 1 / 1;
    transition: opacity .4s ease, translate .5s cubic-bezier(.2,.8,.2,1)
}

.nl .nl-portal-trust[b-07laemirqu] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .82rem;
    color: var(--ink-2)
}

    .nl .nl-portal-trust .nl-dot[b-07laemirqu] {
        opacity: .5
    }

.nl .nl-portal-lock[b-07laemirqu] {
    flex: none;
    width: .9rem;
    height: .9rem;
    fill: none;
    stroke: var(--h-ok);
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round
}

.nl .nl-hints[b-07laemirqu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin: 0;
    font-size: .78rem;
    line-height: 1.2;
    color: var(--ink-2);
    opacity: 0;
    translate: 0 5px;
    pointer-events: none
}

.nl .nl-portal-stage:is(.is-writing, .is-invite) .nl-hints[b-07laemirqu] {
    opacity: 1;
    translate: 0 0;
    pointer-events: auto
}

.nl .nl-portal-stage:is(.is-writing, .is-invite) .nl-portal-trust[b-07laemirqu] {
    opacity: 0;
    translate: 0 -5px
}

.nl .nl-hints-say[b-07laemirqu] {
    font-weight: 500;
    white-space: nowrap
}

.nl .nl-hint-roll[b-07laemirqu] {
    display: inline-grid;
    vertical-align: bottom;
    overflow: hidden;
    padding-block: .12em;
    margin-block: -.12em
}

    .nl .nl-hint-roll > b[b-07laemirqu] {
        grid-area: 1 / 1;
        justify-self: start;
        font-weight: 700;
        color: transparent;
        background: linear-gradient(95deg, var(--spark-hi) 0%, var(--spark) 40%, var(--spark-deep) 100%);
        -webkit-background-clip: text;
        background-clip: text;
        opacity: 0
    }

        .nl .nl-hint-roll > b:first-child[b-07laemirqu] {
            opacity: 1
        }

.nl .nl-portal-stage:is(.is-writing, .is-invite) .nl-hint-roll > b[b-07laemirqu] {
    animation: nl-roll-b-07laemirqu 11s cubic-bezier(.2,.7,.2,1) calc(var(--k) * 2.75s) infinite both
}

.nl .nl-hints:hover .nl-hint-roll > b[b-07laemirqu] {
    animation-play-state: paused
}

.nl .nl-hints.is-ready .nl-hint-roll[b-07laemirqu] {
    animation: nl-hint-lit-b-07laemirqu .9s cubic-bezier(.3,1.4,.5,1) .2s
}

@keyframes nl-roll-b-07laemirqu {
    0% {
        opacity: 0;
        translate: 0 .8em
    }

    4%, 22% {
        opacity: 1;
        translate: 0 0
    }

    26%, 100% {
        opacity: 0;
        translate: 0 -.8em
    }
}

@keyframes nl-hint-lit-b-07laemirqu {
    40% {
        filter: drop-shadow(0 0 5px rgba(var(--spark-rgb),.5))
    }
}

.nl .nl-tell[b-07laemirqu] {
    grid-area: 1 / 1;
    display: flex;
    align-items: center;
    min-width: 0;
    margin: 0;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--ink-1);
    opacity: 0;
    transition: opacity .3s ease
}

.nl .nl-portal-stage.is-telling .nl-tell[b-07laemirqu] {
    opacity: 1
}

.nl .nl-portal-stage.is-telling .nl-portal-trust[b-07laemirqu] {
    opacity: 0;
    translate: 0 -5px
}

.nl .nl-tell[b-07laemirqu]  .nl-tell-i {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    animation: nl-tell-b-07laemirqu .45s cubic-bezier(.2,.8,.2,1) both
}

.nl .nl-tell[b-07laemirqu]  .nl-sat-art {
    --h-art: var(--accent);
    --jg-at: 25;
    flex: none;
    width: 1.6rem;
    height: 1.6rem;
    stroke-width: 1.9;
    animation: none
}

@keyframes nl-tell-b-07laemirqu {
    from {
        opacity: 0;
        translate: 0 .5em
    }
}

.nl .nl-portal-go[b-07laemirqu] {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 2.9rem;
    margin-left: auto;
    padding: 0 1.15rem 0 1.35rem;
    border: 0;
    border-radius: 13px;
    font-family: var(--f-ui);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .005em;
    color: #FFFFFF;
    background: var(--cta);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px -12px rgba(var(--cta-rgb),.7);
    cursor: pointer;
    transition: transform .2s cubic-bezier(.2,.7,.2,1), filter .2s ease, box-shadow .2s ease
}

    .nl .nl-portal-go[b-07laemirqu]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.38) 48%, transparent 66%);
        translate: -120% 0;
        pointer-events: none
    }

    .nl .nl-portal-go:hover[b-07laemirqu] {
        transform: translateY(-1px);
        background: var(--cta-hover);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 14px 26px -12px rgba(var(--cta-rgb),.75)
    }

        .nl .nl-portal-go:hover[b-07laemirqu]::after, .nl .nl-portal-go.is-ready[b-07laemirqu]::after {
            animation: nl-go-sheen-b-07laemirqu 1s cubic-bezier(.2,.7,.2,1)
        }

    .nl .nl-portal-go:active[b-07laemirqu] {
        transform: translateY(0)
    }

    .nl .nl-portal-go:focus-visible[b-07laemirqu] {
        outline: 3px solid color-mix(in srgb, var(--accent) 50%, transparent);
        outline-offset: 3px
    }

    .nl .nl-portal-go.is-ready[b-07laemirqu] {
        animation: nl-go-ready-b-07laemirqu 1.3s cubic-bezier(.2,.7,.2,1)
    }

.nl .nl-portal-gi[b-07laemirqu] {
    width: 1.05rem;
    height: 1.05rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.3;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: translate .25s cubic-bezier(.2,.7,.2,1)
}

.nl .nl-portal-go:hover .nl-portal-gi[b-07laemirqu] {
    translate: 3px 0
}

.nl-js .nl-portal-in:has(textarea:placeholder-shown) .nl-portal-go[b-07laemirqu] {
    background: color-mix(in srgb, var(--ink-0) 16%, var(--paper-1));
    color: var(--paper-1);
    box-shadow: none;
    cursor: default
}

    .nl-js .nl-portal-in:has(textarea:placeholder-shown) .nl-portal-go:hover[b-07laemirqu] {
        transform: none;
        background: color-mix(in srgb, var(--ink-0) 22%, var(--paper-1));
        box-shadow: none
    }

    .nl-js .nl-portal-in:has(textarea:placeholder-shown) .nl-portal-go[b-07laemirqu]::after {
        display: none
    }

    .nl-js .nl-portal-in:has(textarea:placeholder-shown) .nl-portal-go .nl-portal-gi[b-07laemirqu] {
        translate: none
    }

@keyframes nl-go-sheen-b-07laemirqu {
    to {
        translate: 120% 0
    }
}

@keyframes nl-go-ready-b-07laemirqu {
    0% {
        box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px -12px rgba(var(--cta-rgb),.7), 0 0 0 0 rgba(var(--cta-rgb),.4)
    }

    100% {
        box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px -12px rgba(var(--cta-rgb),.7), 0 0 0 14px rgba(var(--cta-rgb),0)
    }
}

.nl .nl-portal-err[b-07laemirqu] {
    margin: 0;
    font-size: .86rem;
    font-weight: 500;
    color: var(--no)
}

.nl .nl-orbit-ctl[b-07laemirqu] {
    position: absolute;
    right: max(var(--gutter), calc(50% - var(--max) / 2 + var(--gutter)));
    bottom: clamp(1rem, 2.6vh, 1.6rem);
    z-index: 3;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid var(--rule-soft);
    border-radius: 999px;
    background: color-mix(in srgb, var(--paper-1) 82%, transparent);
    color: var(--ink-2);
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease
}

    .nl .nl-orbit-ctl[hidden][b-07laemirqu] {
        display: none
    }

    .nl .nl-orbit-ctl:hover[b-07laemirqu], .nl .nl-orbit-ctl:focus-visible[b-07laemirqu] {
        color: var(--ink-0);
        border-color: var(--rule)
    }

    .nl .nl-orbit-ctl:focus-visible[b-07laemirqu] {
        outline: 2px solid var(--focus);
        outline-offset: 2px
    }

    .nl .nl-orbit-ctl svg[b-07laemirqu] {
        display: block;
        width: .7rem;
        height: .7rem;
        overflow: visible
    }

    .nl .nl-orbit-ctl .i-play[b-07laemirqu], .nl .nl-orbit-ctl[data-state="paused"] .i-pause[b-07laemirqu] {
        display: none
    }

    .nl .nl-orbit-ctl[data-state="paused"] .i-play[b-07laemirqu] {
        display: inline
    }

.nl .nl-sats[b-07laemirqu], .nl .nl-beams[b-07laemirqu] {
    display: none
}

.nl .nl-sec--hero[b-07laemirqu] {
    --sat-rest: color-mix(in srgb, var(--figure) 44%, #FFFFFF);
    --sat-far: color-mix(in srgb, var(--figure) 32%, #FFFFFF);
    --sat-on: color-mix(in srgb, var(--figure) 84%, #FFFFFF);
    --sat-now: var(--accent)
}

.nl[data-theme="dark"] .nl-sec--hero[b-07laemirqu] {
    --sat-rest: rgba(214,180,255,.5);
    --sat-far: rgba(214,180,255,.36);
    --sat-on: #D6B4FF;
    --sat-now: #F4A6DA
}

.nl .nl-sat[b-07laemirqu] {
    --ts: 4.3rem;
    --z: 1;
    --amp: 1;
    --h-art: var(--sat-rest);
    position: absolute;
    left: 50%;
    top: 50%;
    width: var(--ts);
    height: var(--ts);
    margin: calc(var(--ts) / -2) 0 0 calc(var(--ts) / -2);
    transform: translate(var(--x, 0px), var(--y, 0px));
    translate: calc(var(--px, 0) * var(--z) * 26px) calc(var(--py, 0) * var(--z) * 18px);
    transition: translate 1.4s cubic-bezier(.2,.7,.2,1)
}

    .nl .nl-sat.is-far[b-07laemirqu] {
        --ts: 3.55rem;
        --z: .5;
        --amp: .75;
        --h-art: var(--sat-far)
    }

    .nl .nl-sat:hover[b-07laemirqu], .nl .nl-sat.is-on[b-07laemirqu] {
        --h-art: var(--sat-on)
    }

    .nl .nl-sat.is-now[b-07laemirqu] {
        --h-art: var(--sat-now)
    }

.nl .nl-sat-in[b-07laemirqu], .nl .nl-sat-dx[b-07laemirqu], .nl .nl-sat-dy[b-07laemirqu] {
    display: block;
    width: 100%;
    height: 100%
}

.nl .nl-sat-dy[b-07laemirqu] {
    position: relative
}

.nl-js .nl-sat-in[b-07laemirqu] {
    opacity: 0
}

.nl-js.nl-fonts .nl-sat-in[b-07laemirqu] {
    animation: nl-emerge-b-07laemirqu 1.3s cubic-bezier(.16,1,.3,1) calc(.75s + var(--i) * 90ms) both
}

.nl-js.nl-still .nl-sat-in[b-07laemirqu] {
    animation: none;
    opacity: 1
}

.nl-js .nl-sat-dx[b-07laemirqu] {
    animation: nl-drift-x-b-07laemirqu calc(11s + var(--i) * 1.7s) ease-in-out calc(var(--i) * -2.3s) infinite alternate
}

.nl-js .nl-sat-dy[b-07laemirqu] {
    animation: nl-drift-y-b-07laemirqu calc(7.5s + var(--i) * 1.1s) ease-in-out calc(var(--i) * -1.9s) infinite alternate
}

.nl-js.nl-still :is(.nl-sat-dx, .nl-sat-dy, .nl-sat-art)[b-07laemirqu] {
    animation: none
}

@keyframes nl-emerge-b-07laemirqu {
    from {
        opacity: 0;
        transform: translate(calc(-1 * var(--x, 0px)), calc(-1 * var(--y, 0px))) scale(.4)
    }

    45% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes nl-drift-x-b-07laemirqu {
    from {
        transform: translateX(calc(var(--amp) * -9px))
    }

    to {
        transform: translateX(calc(var(--amp) * 9px))
    }
}

@keyframes nl-drift-y-b-07laemirqu {
    from {
        transform: translateY(calc(var(--amp) * -10px))
    }

    to {
        transform: translateY(calc(var(--amp) * 10px))
    }
}

.nl .nl-sat-orb[b-07laemirqu] {
    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    transition: transform .6s cubic-bezier(.2,.9,.3,1.15)
}

    .nl .nl-sat-orb[b-07laemirqu]::before {
        content: "";
        position: absolute;
        inset: -30%;
        border-radius: 50%;
        background: radial-gradient(closest-side, rgba(var(--spark-rgb),.2), rgba(var(--accent-rgb),.07) 55%, transparent 76%);
        opacity: 0;
        transition: opacity .6s ease;
        pointer-events: none
    }

    .nl .nl-sat-orb[b-07laemirqu]::after {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 6%;
        border-radius: 50%;
        background: radial-gradient(closest-side, rgba(255,255,255,.7), rgba(var(--spark-rgb),.26) 42%, transparent 72%);
        opacity: 0;
        pointer-events: none
    }

.nl .nl-sat.is-on .nl-sat-orb[b-07laemirqu]::before {
    opacity: .4
}

.nl .nl-sat.is-now .nl-sat-orb[b-07laemirqu]::before {
    opacity: 1
}

.nl .nl-sat.is-now .nl-sat-orb[b-07laemirqu] {
    transform: scale(1.1)
}

.nl .nl-sat:hover .nl-sat-orb[b-07laemirqu] {
    transform: scale(1.06)
}

.nl .nl-sat.is-hit .nl-sat-orb[b-07laemirqu]::after {
    animation: nl-hit-b-07laemirqu .62s cubic-bezier(.2,.7,.3,1)
}

@keyframes nl-hit-b-07laemirqu {
    from {
        opacity: .8;
        transform: scale(.4)
    }

    to {
        opacity: 0;
        transform: scale(1.6)
    }
}

.nl .nl-sat.is-ping .nl-sat-orb[b-07laemirqu] {
    animation: nl-ping-b-07laemirqu .7s cubic-bezier(.3,1.4,.5,1)
}

@keyframes nl-ping-b-07laemirqu {
    40% {
        transform: scale(1.12)
    }
}

.nl .nl-sat-art[b-07laemirqu] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    fill: none;
    stroke: var(--h-art);
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .45s ease
}

    .nl .nl-sat-art *[b-07laemirqu] {
        transition: stroke .45s ease, fill .45s ease
    }

.nl .nl-sat.is-far .nl-sat-art[b-07laemirqu] {
    stroke-width: 1.1
}

.nl-js .nl-sat-art[b-07laemirqu] {
    animation: nl-sway-b-07laemirqu calc(9s + var(--i) * 1.3s) ease-in-out calc(var(--i) * -1.7s) infinite alternate
}

@keyframes nl-sway-b-07laemirqu {
    from {
        rotate: -2.5deg
    }

    to {
        rotate: 2.5deg
    }
}

.nl .nl-sat-say[b-07laemirqu], .nl .nl-sat-tip[b-07laemirqu] {
    position: absolute;
    left: 50%;
    top: calc(100% + .45rem);
    z-index: 2;
    width: max-content;
    translate: -50% 5px;
    font-family: var(--f-ui);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.005em;
    white-space: nowrap;
    color: var(--h-card-ink);
    text-shadow: 0 0 10px var(--h-halo), 0 0 4px var(--h-halo), 0 0 1px var(--h-halo);
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease, translate .4s ease
}

.nl .nl-sat-tip[b-07laemirqu] {
    font-weight: 500;
    color: var(--ink-2)
}

.nl .nl-sat-say:empty[b-07laemirqu] {
    display: none
}

.nl .nl-sat[data-at="above"] :is(.nl-sat-say, .nl-sat-tip)[b-07laemirqu] {
    top: auto;
    bottom: calc(100% + .45rem);
    translate: -50% -5px
}

.nl .nl-sat[data-side="l"][data-at="out"] :is(.nl-sat-say, .nl-sat-tip)[b-07laemirqu] {
    left: auto;
    right: calc(100% + .6rem);
    top: 50%;
    translate: 6px -50%;
    text-align: right
}

.nl .nl-sat[data-side="r"][data-at="out"] :is(.nl-sat-say, .nl-sat-tip)[b-07laemirqu] {
    left: calc(100% + .6rem);
    top: 50%;
    translate: -6px -50%
}

.nl .nl-sat.is-now .nl-sat-say[b-07laemirqu], .nl .nl-sat:hover .nl-sat-tip[b-07laemirqu] {
    opacity: 1;
    translate: -50% 0;
    transition: opacity .45s ease .12s, translate .6s cubic-bezier(.2,.8,.2,1) .12s
}

.nl .nl-sat[data-at="out"]:is(.is-now, :hover) :is(.nl-sat-say, .nl-sat-tip)[b-07laemirqu] {
    translate: 0 -50%
}

.nl .nl-sat:hover .nl-sat-say[b-07laemirqu] {
    opacity: 0
}

.nl .nl-beams[b-07laemirqu] {
    position: absolute;
    inset: 0;
    z-index: 2;
    overflow: visible;
    pointer-events: none
}

    .nl .nl-beams[b-07laemirqu]  .nl-beam {
        position: absolute;
        height: 16px;
        margin-top: -8px;
        transform-origin: 0 50%;
        pointer-events: none
    }

        .nl .nl-beams[b-07laemirqu]  .nl-beam::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            height: 3px;
            margin-top: -1.5px;
            border-radius: 3px;
            background: linear-gradient(90deg, rgba(var(--accent-rgb),0), rgba(var(--accent-rgb),.05) 40%, rgba(var(--spark-rgb),.16));
            filter: blur(1px)
        }

        .nl .nl-beams[b-07laemirqu]  .nl-beam::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            height: .5px;
            margin-top: -.25px;
            border-radius: 1px;
            background: linear-gradient(90deg, rgba(var(--accent-rgb),0), rgba(var(--accent-rgb),.5) 35%, rgba(var(--spark-rgb),.9) 86%, rgba(255,255,255,.95))
        }

    .nl .nl-beams[b-07laemirqu]  .nl-beam-head {
        position: absolute;
        left: -1.5px;
        top: 50%;
        width: 3px;
        height: 3px;
        margin-top: -1.5px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(255,255,255,.95) 0 30%, rgba(var(--spark-rgb),.65) 55%, rgba(var(--spark-rgb),0) 80%);
        box-shadow: 0 0 4px 1px rgba(var(--spark-rgb),.16)
    }

.nl .rd-ring[b-07laemirqu] {
    stroke: color-mix(in srgb, var(--h-art) 62%, transparent)
}

.nl .rd-ring--in[b-07laemirqu] {
    stroke: color-mix(in srgb, var(--h-art) 34%, transparent);
    stroke-dasharray: 1.6 2.6
}

.nl .rd-sweep[b-07laemirqu] {
    transform-box: view-box;
    transform-origin: 20px 20px
}

.nl .rd-wedge[b-07laemirqu] {
    fill: color-mix(in srgb, var(--h-art) 22%, transparent);
    stroke: none
}

.nl .rd-beam[b-07laemirqu] {
    stroke: var(--h-art)
}

.nl .rd-core[b-07laemirqu] {
    fill: var(--h-art);
    stroke: none
}

.nl .rd-blip[b-07laemirqu] {
    fill: var(--spark);
    stroke: none;
    opacity: .3;
    transform-box: fill-box;
    transform-origin: center
}

.nl-js .rd-sweep[b-07laemirqu] {
    animation: nl-sweep-b-07laemirqu 7s linear infinite
}

.nl-js .rd-blip[b-07laemirqu] {
    animation: nl-blip-b-07laemirqu 7s linear calc((var(--a) - 1) * 7s) infinite
}

@keyframes nl-sweep-b-07laemirqu {
    to {
        transform: rotate(360deg)
    }
}

@keyframes nl-blip-b-07laemirqu {
    0% {
        opacity: 1;
        transform: scale(1.6)
    }

    25% {
        opacity: .4;
        transform: scale(1)
    }

    100% {
        opacity: .3;
        transform: scale(1)
    }
}

.nl .ps-head[b-07laemirqu], .nl .ps-body[b-07laemirqu] {
    transition: fill .5s ease
}

.nl .ps-line[b-07laemirqu] {
    stroke: color-mix(in srgb, var(--h-art) 50%, transparent);
    transform-box: fill-box;
    transform-origin: left center
}

.nl .nl-sat--persona:is(.is-now, :hover) .ps-head[b-07laemirqu] {
    fill: color-mix(in srgb, var(--h-art) 16%, transparent)
}

.nl .nl-sat--persona.is-now .ps-line[b-07laemirqu] {
    animation: nl-grow-x-b-07laemirqu .6s cubic-bezier(.3,.7,.2,1) calc(.15s + var(--k) * .12s) both
}

@keyframes nl-grow-x-b-07laemirqu {
    from {
        transform: scaleX(0)
    }
}

.nl .mk-c[b-07laemirqu] {
    transform-box: fill-box;
    transform-origin: 50% 100%;
    transition: fill .5s ease
}

.nl .mk-tam[b-07laemirqu] {
    fill: none;
    stroke: color-mix(in srgb, var(--h-art) 42%, transparent)
}

.nl .mk-sam[b-07laemirqu] {
    fill: none;
    stroke: color-mix(in srgb, var(--h-art) 64%, transparent)
}

.nl .mk-som[b-07laemirqu] {
    fill: color-mix(in srgb, var(--h-art) 14%, transparent);
    stroke: var(--h-art)
}

.nl .nl-sat--market:is(.is-now, :hover) .mk-som[b-07laemirqu] {
    fill: color-mix(in srgb, var(--h-art) 38%, transparent)
}

.nl .nl-sat--market.is-now .mk-c[b-07laemirqu] {
    animation: nl-ring-in-b-07laemirqu .7s cubic-bezier(.3,1.4,.5,1) both
}

.nl .nl-sat--market.is-now .mk-sam[b-07laemirqu] {
    animation-delay: .1s
}

.nl .nl-sat--market.is-now .mk-som[b-07laemirqu] {
    animation-delay: .2s
}

@keyframes nl-ring-in-b-07laemirqu {
    from {
        transform: scale(.82)
    }
}

.nl .mp-axis[b-07laemirqu] {
    stroke: color-mix(in srgb, var(--h-art) 36%, transparent);
    stroke-width: 1.5
}

.nl .mp-dot[b-07laemirqu] {
    fill: color-mix(in srgb, var(--h-art) 62%, transparent);
    stroke: none
}

.nl .mp-ring[b-07laemirqu] {
    stroke: var(--h-art);
    stroke-width: 1.5;
    stroke-dasharray: 2.2 2.2;
    opacity: .75
}

.nl .mp-you[b-07laemirqu] {
    stroke: none;
    transform-box: fill-box;
    transform-origin: center;
    transform: scale(0);
    transition: transform .6s cubic-bezier(.3,1.6,.5,1) .15s
}

.nl .nl-sat--map:is(.is-now, :hover) .mp-you[b-07laemirqu] {
    transform: scale(1)
}

.nl .id-glass[b-07laemirqu] {
    fill: color-mix(in srgb, var(--h-art) 9%, transparent)
}

.nl .id-shine[b-07laemirqu] {
    stroke: color-mix(in srgb, var(--h-art) 72%, transparent)
}

.nl .id-lit[b-07laemirqu] {
    stroke: none;
    opacity: 0;
    transition: opacity .5s ease
}

.nl .id-ray[b-07laemirqu] {
    stroke: color-mix(in srgb, var(--h-art) 55%, transparent);
    transform-box: fill-box;
    transform-origin: center
}

.nl .nl-sat--ideas:is(.is-now, :hover) .id-lit[b-07laemirqu] {
    opacity: .95
}

.nl .nl-sat--ideas:is(.is-now, :hover) .id-shine[b-07laemirqu] {
    stroke: #FFFFFF
}

.nl .nl-sat--ideas:is(.is-now, :hover) .id-ray[b-07laemirqu] {
    stroke: var(--spark)
}

.nl .nl-sat--ideas.is-now .id-ray[b-07laemirqu] {
    animation: nl-flare-b-07laemirqu .6s cubic-bezier(.3,1.4,.5,1) calc(.1s + var(--k) * 60ms) both
}

@keyframes nl-flare-b-07laemirqu {
    40% {
        transform: scale(1.7)
    }
}

.nl .nl-sat--judge[b-07laemirqu] {
    --jg-at: 30
}

    .nl .nl-sat--judge.is-on[b-07laemirqu] {
        --jg-at: var(--jg-off, 30)
    }

.nl .jg-seg[b-07laemirqu] {
    --lit: clamp(0, (100 - var(--jg-at)) / 10 - var(--k), 1);
    stroke: var(--h-art);
    stroke-width: 1.4;
    opacity: calc(.18 + var(--lit) * .82);
    transition: opacity .3s ease calc(.2s + var(--k) * 50ms), stroke .3s ease calc(.2s + var(--k) * 50ms)
}

.nl .nl-sat--judge.is-on .jg-seg[b-07laemirqu] {
    stroke: color-mix(in srgb, var(--accent) calc(var(--lit) * 100%), var(--h-art))
}

.nl .nl-sat--judge.is-on[data-low] .jg-seg[b-07laemirqu] {
    stroke: color-mix(in srgb, var(--h-no) calc(var(--lit) * 100%), var(--h-art))
}

.nl .jg-letter[b-07laemirqu] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    perspective: 240px;
    font-family: var(--f-display);
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1
}

.nl .nl-sat.is-far .jg-letter[b-07laemirqu] {
    font-size: 1rem
}

.nl .jg-letter b[b-07laemirqu] {
    grid-area: 1 / 1;
    font-weight: 800;
    backface-visibility: hidden;
    transition: transform .55s cubic-bezier(.3,1.4,.5,1), opacity .3s ease
}

.nl .jg-from[b-07laemirqu] {
    color: var(--h-art)
}

.nl .jg-to[b-07laemirqu] {
    color: var(--h-card-ink);
    transform: rotateX(90deg);
    opacity: 0
}

.nl .nl-sat--judge.is-on .jg-from[b-07laemirqu] {
    transform: rotateX(-90deg);
    opacity: 0
}

.nl .nl-sat--judge.is-on .jg-to[b-07laemirqu] {
    transform: none;
    opacity: 1;
    transition-delay: .3s
}

.nl .nl-sat--judge.is-now .nl-sat-orb[b-07laemirqu] {
    animation: nl-stamp-b-07laemirqu .7s cubic-bezier(.3,1.5,.5,1) .25s
}

@keyframes nl-stamp-b-07laemirqu {
    35% {
        transform: scale(1.16)
    }

    70% {
        transform: scale(1.04)
    }

    100% {
        transform: scale(1.08)
    }
}

.nl .pn-head[b-07laemirqu], .nl .pn-body[b-07laemirqu] {
    stroke: color-mix(in srgb, var(--h-art) 70%, transparent)
}

.nl .pn-mid[b-07laemirqu] {
    stroke: var(--h-art)
}

.nl .pn-v[b-07laemirqu] {
    transform-box: fill-box;
    transform-origin: 50% 100%
}

.nl .pn-card[b-07laemirqu] {
    fill: none;
    stroke: color-mix(in srgb, var(--h-art) 48%, transparent);
    transition: fill .3s ease, stroke .3s ease
}

.nl .pn-m[b-07laemirqu] {
    stroke: color-mix(in srgb, var(--h-art) 85%, transparent);
    stroke-width: 1.2
}

.nl .nl-sat--panel.is-now .pn-v[b-07laemirqu] {
    animation: nl-vote-b-07laemirqu .5s cubic-bezier(.3,1.6,.5,1) calc(.15s + var(--k) * .22s)
}

.nl .nl-sat--panel:is(.is-now, :hover) .pn-card[b-07laemirqu] {
    stroke: transparent;
    transition-delay: calc(.15s + var(--k) * .22s)
}

.nl .nl-sat--panel:is(.is-now, :hover) .pn-v--ok .pn-card[b-07laemirqu] {
    fill: var(--h-card-ink)
}

.nl .nl-sat--panel:is(.is-now, :hover) .pn-v--no .pn-card[b-07laemirqu] {
    fill: var(--h-no)
}

.nl .nl-sat--panel:is(.is-now, :hover) .pn-m[b-07laemirqu] {
    stroke: var(--h-orb-1);
    stroke-width: 1.4;
    transition-delay: calc(.15s + var(--k) * .22s)
}

@keyframes nl-vote-b-07laemirqu {
    40% {
        transform: scale(1.28)
    }
}

.nl .dk-s[b-07laemirqu] {
    fill: var(--h-orb-1);
    stroke: color-mix(in srgb, var(--h-art) 58%, transparent);
    transform-box: fill-box;
    transform-origin: 15% 100%;
    transition: transform .6s cubic-bezier(.3,1.3,.5,1)
}

.nl .dk-s--2[b-07laemirqu] {
    transform: rotate(-6deg)
}

.nl .nl-sat--deck:is(.is-now, :hover) .dk-s--2[b-07laemirqu] {
    transform: rotate(-15deg) translate(-1.5px, .5px)
}

.nl .dk-b[b-07laemirqu] {
    fill: var(--h-art);
    stroke: none;
    transform-box: fill-box;
    transform-origin: 50% 100%
}

.nl .nl-sat--deck:is(.is-now, :hover) .dk-b[b-07laemirqu] {
    fill: url(#nl-g-hot)
}

.nl .nl-sat--deck.is-now .dk-b[b-07laemirqu] {
    animation: nl-bar-grow-b-07laemirqu .7s cubic-bezier(.3,1.4,.5,1) calc(.15s + var(--k) * 80ms) both
}

@keyframes nl-bar-grow-b-07laemirqu {
    from {
        transform: scaleY(.15)
    }
}

.nl.nl-js .nl-portal-stage:is(.is-paused, .is-off) :is(.nl-sat-dx, .nl-sat-dy, .nl-sat-art, .rd-sweep, .rd-blip)[b-07laemirqu],
.nl.nl-js .nl-portal-stage:is(.is-rest, .is-paused, .is-off):not(:focus-within) .nl-ring[b-07laemirqu] {
    animation-play-state: paused
}

.nl .nl-portal-stage.is-warp .nl-sat-in[b-07laemirqu] {
    animation: nl-warp-b-07laemirqu .5s cubic-bezier(.55,0,.75,.2) calc(var(--i) * 18ms) both
}

.nl-js.nl-fonts .nl-portal-stage.is-back .nl-sat-in[b-07laemirqu] {
    animation: nl-emerge-b-07laemirqu .9s cubic-bezier(.16,1,.3,1) calc(var(--i) * 50ms) both
}

@keyframes nl-warp-b-07laemirqu {
    from {
        opacity: 1;
        transform: none
    }

    to {
        opacity: 0;
        transform: translate(calc(-1 * var(--x, 0px)), calc(-1 * var(--y, 0px))) scale(.35)
    }
}

.nl .nl-feat[b-07laemirqu] {
    box-sizing: border-box;
    width: min(42rem, 100%);
    min-width: 0;
    margin: clamp(2.5rem, 5.4vh, 3.3rem) auto 0;
    padding: .3rem 1.35rem 1.15rem;
    border: 1.5px dashed color-mix(in srgb, var(--ink-0) 16%, transparent);
    border-radius: 22px;
    font-size: .95rem;
    line-height: 1.4;
    color: var(--ink-2)
}

.nl .nl-feat-k[b-07laemirqu] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-inline: auto;
    padding: 0 .55rem;
    font-size: .82rem;
    font-weight: 500;
    letter-spacing: .005em;
    white-space: nowrap;
    color: var(--ink-2)
}

.nl .nl-feat-on[b-07laemirqu] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-left: -.2rem
}

.nl .nl-feat-k:has(.nl-feat-next:not([hidden])) .nl-feat-on[b-07laemirqu]::after {
    content: "·";
    color: color-mix(in srgb, var(--ink-2) 60%, transparent)
}

.nl .nl-feat-radar[b-07laemirqu] {
    flex: none;
    width: 1.15rem;
    height: 1.15rem;
    overflow: visible;
    color: var(--ink-1)
}

.nl .fe-ring[b-07laemirqu] {
    fill: none;
    stroke: color-mix(in srgb, currentColor 55%, transparent);
    stroke-width: 1.5
}

.nl .fe-ring--in[b-07laemirqu] {
    stroke: color-mix(in srgb, currentColor 35%, transparent);
    stroke-width: 1.2;
    stroke-dasharray: 1.2 2
}

.nl .fe-sweep[b-07laemirqu] {
    transform-box: view-box;
    transform-origin: 12px 12px
}

.nl .fe-wedge[b-07laemirqu] {
    fill: color-mix(in srgb, currentColor 16%, transparent)
}

.nl .fe-beam[b-07laemirqu] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round
}

.nl .fe-core[b-07laemirqu] {
    fill: currentColor
}

.nl .fe-blip[b-07laemirqu] {
    fill: var(--spark);
    opacity: .35;
    transform-box: fill-box;
    transform-origin: center
}

.nl-js .fe-sweep[b-07laemirqu] {
    animation: nl-sweep-b-07laemirqu 6s linear infinite
}

.nl-js .fe-blip[b-07laemirqu] {
    animation: nl-blip-b-07laemirqu 6s linear calc((var(--a) - 1) * 6s) infinite
}

.nl .nl-feat-next[b-07laemirqu] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .12rem .45rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--ink-2);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease
}

    .nl .nl-feat-next[hidden][b-07laemirqu] {
        display: none
    }

    .nl .nl-feat-next:hover[b-07laemirqu], .nl .nl-feat-next:focus-visible[b-07laemirqu] {
        background: color-mix(in srgb, var(--ink-0) 6%, transparent);
        color: var(--ink-0)
    }

    .nl .nl-feat-next:focus-visible[b-07laemirqu] {
        outline: 2px solid var(--focus);
        outline-offset: 2px
    }

    .nl .nl-feat-next svg[b-07laemirqu] {
        width: .85rem;
        height: .85rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round
    }

    .nl .nl-feat-next.is-spin svg[b-07laemirqu] {
        animation: nl-deal-b-07laemirqu .55s cubic-bezier(.3,.7,.3,1)
    }

.nl .nl-feat-list[b-07laemirqu] {
    display: block;
    padding-top: .5rem
}

.nl .nl-feat-go[b-07laemirqu] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "t take";
    align-items: center;
    column-gap: 1.25rem;
    row-gap: .5rem;
    text-align: left;
    cursor: pointer
}

    .nl .nl-feat-go[hidden][b-07laemirqu] {
        display: none
    }

    .nl .nl-feat-go.is-out[b-07laemirqu] {
        animation: nl-feat-out-b-07laemirqu .18s ease-in both
    }

    .nl .nl-feat-go.is-in[b-07laemirqu] {
        animation: nl-feat-in-b-07laemirqu .4s cubic-bezier(.2,.8,.2,1) both
    }

.nl .nl-feat-dom[b-07laemirqu] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .1rem .5rem .1rem .38rem;
    border: 1px solid color-mix(in srgb, var(--figure) 12%, transparent);
    border-radius: 999px;
    background: var(--paper-1);
    box-shadow: 0 1px 2px rgba(var(--cta-rgb),.05);
    font-family: var(--f-mono);
    font-size: .6rem;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--ink-1)
}

    .nl .nl-feat-dom[hidden][b-07laemirqu] {
        display: none
    }

    .nl .nl-feat-dom .nl-ic[b-07laemirqu] {
        width: .78rem;
        height: .78rem;
        color: var(--figure)
    }

.nl .nl-feat-on .nl-feat-dom.is-out[b-07laemirqu] {
    animation: nl-tag-out-b-07laemirqu .18s ease-in both
}

.nl .nl-feat-on .nl-feat-dom.is-in[b-07laemirqu] {
    animation: nl-tag-in-b-07laemirqu .4s cubic-bezier(.2,.8,.2,1) both
}

@media (min-width: 600px) {
    .nl .nl-feat-go .nl-feat-dom[b-07laemirqu] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap
    }
}

.nl .nl-feat-t[b-07laemirqu] {
    grid-area: t;
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    font-family: var(--f-ui);
    font-size: 1.02rem;
    font-weight: 500;
    letter-spacing: -.005em;
    line-height: 1.3;
    color: var(--ink-0)
}

    .nl .nl-feat-t > :not(.nl-feat-ic)[b-07laemirqu] {
        min-width: 0;
        text-wrap: balance
    }

.nl .nl-feat-ic[b-07laemirqu] {
    flex: none;
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: var(--ink-2);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .2s ease
}

.nl .nl-feat-go:hover .nl-feat-ic[b-07laemirqu] {
    stroke: var(--accent)
}

.nl .nl-feat-short[b-07laemirqu] {
    display: none
}

.nl .nl-feat-take[b-07laemirqu] {
    grid-area: take;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 2.55rem;
    padding: 0 .95rem 0 1.1rem;
    border-radius: 12px;
    background: var(--paper-1);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink-0) 11%, transparent), 0 1px 2px rgba(var(--cta-rgb),.06), 0 6px 14px -8px rgba(var(--cta-rgb),.18);
    color: var(--ink-0);
    font-family: var(--f-ui);
    font-size: .92rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .005em;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s cubic-bezier(.2,.7,.2,1)
}

    .nl .nl-feat-take svg[b-07laemirqu] {
        width: 1rem;
        height: 1rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.3;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: translate .25s cubic-bezier(.2,.7,.2,1)
    }

    .nl .nl-feat-take[b-07laemirqu]::after {
        content: "";
        position: absolute;
        inset: -.45rem -.6rem;
        border-radius: 14px
    }

    .nl .nl-feat-take:hover[b-07laemirqu], .nl .nl-feat-take:focus-visible[b-07laemirqu], .nl .nl-feat-go:hover .nl-feat-take[b-07laemirqu] {
        background: var(--cta);
        color: var(--on-cta);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 10px 20px -12px rgba(var(--cta-rgb),.6)
    }

        .nl .nl-feat-take:hover svg[b-07laemirqu], .nl .nl-feat-take:focus-visible svg[b-07laemirqu], .nl .nl-feat-go:hover .nl-feat-take svg[b-07laemirqu] {
            translate: 3px 0
        }

    .nl .nl-feat-take:focus-visible[b-07laemirqu] {
        outline: 2px solid var(--focus);
        outline-offset: 3px
    }

    .nl .nl-feat-take.is-glow[b-07laemirqu] {
        animation: nl-feat-glow-b-07laemirqu 1.4s ease
    }

@media (max-width: 599.98px) {
    .nl .nl-feat[b-07laemirqu] {
        padding-inline: 1rem
    }

    .nl .nl-feat-on[b-07laemirqu] {
        display: none
    }

    .nl .nl-feat-k:has(.nl-feat-next:not([hidden])) .nl-feat-say[b-07laemirqu]::after {
        content: "·";
        margin-left: .45rem;
        color: color-mix(in srgb, var(--ink-2) 60%, transparent)
    }

    .nl .nl-feat-go[b-07laemirqu] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "dom" "t" "take"
    }

        .nl .nl-feat-go .nl-feat-dom[b-07laemirqu] {
            grid-area: dom;
            justify-self: start
        }

    .nl .nl-feat-take[b-07laemirqu] {
        justify-self: stretch;
        justify-content: center;
        margin-top: .2rem
    }

    .nl .nl-feat-full[b-07laemirqu] {
        display: none
    }

    .nl .nl-feat-short[b-07laemirqu] {
        display: inline
    }
}

@media (max-width: 399.98px) {
    .nl .nl-feat-next span[b-07laemirqu] {
        display: none
    }
}

@keyframes nl-feat-glow-b-07laemirqu {
    30% {
        background: color-mix(in srgb, var(--spark) 12%, var(--paper-1));
        box-shadow: inset 0 0 0 1px rgba(var(--spark-rgb),.5), 0 0 0 5px rgba(var(--spark-rgb),.12)
    }
}

@media (prefers-reduced-motion: reduce) {
    .nl-js :is(.fe-sweep, .fe-blip, .rd-sweep, .rd-blip)[b-07laemirqu] {
        animation: none
    }
}

@keyframes nl-feat-out-b-07laemirqu {
    to {
        opacity: 0;
        translate: 0 -6px
    }
}

@keyframes nl-feat-in-b-07laemirqu {
    from {
        opacity: 0;
        translate: 0 6px
    }
}

@keyframes nl-tag-out-b-07laemirqu {
    to {
        opacity: 0;
        translate: 0 -3px
    }
}

@keyframes nl-tag-in-b-07laemirqu {
    from {
        opacity: 0;
        translate: 0 3px
    }
}

@keyframes nl-deal-b-07laemirqu {
    to {
        rotate: 360deg
    }
}

.nl .nl-sec--hero .nl-h-sub[b-07laemirqu] {
    max-width: 40rem;
    margin: clamp(1.8rem, 4.6vh, 2.8rem) auto 0;
    font-size: .92rem;
    line-height: 1.5;
    text-align: center;
    color: var(--ink-2);
    text-wrap: balance
}

.nl-js.nl-fonts .nl-hero > .nl-portal-shell[b-07laemirqu] {
    animation-delay: .45s
}

.nl-js.nl-fonts .nl-hero > .nl-h-sub[b-07laemirqu] {
    animation-delay: .95s
}

@media (min-width: 1024px) {
    .nl .nl-portal-stage[b-07laemirqu] {
        --cwf: min(42rem, max(50vw, 34rem))
    }

    .nl .nl-feat[b-07laemirqu] {
        width: var(--cwf)
    }

    .nl .nl-orbit[b-07laemirqu] {
        --cw: calc(var(--cwf) / 2);
        --reach: clamp(7rem, (100vw - var(--cwf)) / 2 - 4.5rem, 16rem);
        width: var(--cwf)
    }

    .nl .nl-sats[b-07laemirqu] {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 0;
        margin: 0;
        padding: 0;
        list-style: none;
        pointer-events: none
    }

    .nl .nl-beams[b-07laemirqu] {
        display: block
    }

    .nl .nl-sat--radar[b-07laemirqu] {
        --x: calc(-1 * (var(--cw) + .44 * var(--reach)));
        --y: -6rem
    }

    .nl .nl-sat--persona[b-07laemirqu] {
        --x: calc(-1 * (var(--cw) + .76 * var(--reach)));
        --y: -2.7rem
    }

    .nl .nl-sat--market[b-07laemirqu] {
        --x: calc(-1 * (var(--cw) + .64 * var(--reach)));
        --y: 3.1rem
    }

    .nl .nl-sat--map[b-07laemirqu] {
        --x: calc(-1 * (var(--cw) + .36 * var(--reach)));
        --y: 6.1rem
    }

    .nl .nl-sat--deck[b-07laemirqu] {
        --x: calc(var(--cw) + .44 * var(--reach));
        --y: -5.8rem
    }

    .nl .nl-sat--ideas[b-07laemirqu] {
        --x: calc(var(--cw) + .74 * var(--reach));
        --y: -3rem
    }

    .nl .nl-sat--judge[b-07laemirqu] {
        --x: calc(var(--cw) + .66 * var(--reach));
        --y: 3.3rem
    }

    .nl .nl-sat--panel[b-07laemirqu] {
        --x: calc(var(--cw) + .36 * var(--reach));
        --y: 6.1rem
    }
}

@media (max-width: 599.98px) {
    .nl .nl-portal-in[b-07laemirqu] {
        padding: 1.05rem 1.05rem .95rem 1.15rem
    }

    .nl .nl-portal-field textarea[b-07laemirqu], .nl .nl-type[b-07laemirqu] {
        font-size: 1.1rem
    }

    .nl .nl-portal-bar[b-07laemirqu] {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: .7rem
    }

    .nl .nl-portal-go[b-07laemirqu] {
        width: 100%;
        justify-content: center;
        margin-left: 0
    }

    .nl .nl-portal-status[b-07laemirqu] {
        justify-items: center;
        text-align: center
    }

    .nl .nl-hints[b-07laemirqu] {
        justify-content: center
    }
}

@media (min-width: 1024px) and (max-height: 780px) {
    .nl .nl-portal-shell[b-07laemirqu] {
        margin-top: clamp(1.4rem, 4vh, 2.2rem)
    }

    .nl .nl-feat[b-07laemirqu] {
        margin-top: 1.9rem;
        padding-bottom: .85rem
    }
}

@media (min-width: 1024px) and (max-height: 660px) {
    .nl .nl-sec--hero h1[b-07laemirqu] {
        font-size: clamp(2.35rem, min(5.3vw, 7.4vh), 5.2rem)
    }

    .nl .nl-portal-shell[b-07laemirqu] {
        margin-top: 1.15rem
    }

    .nl .nl-feat[b-07laemirqu] {
        margin-top: 1.5rem
    }

    .nl .nl-sec--hero .nl-h-promise[b-07laemirqu] {
        margin-top: .7rem
    }
}

@media (prefers-reduced-motion: reduce) {
    .nl-js .nl-sat-in[b-07laemirqu] {
        opacity: 1;
        transform: none
    }

    .nl-js :is(.nl-sat-dx, .nl-sat-dy, .nl-sat-art)[b-07laemirqu] {
        animation: none
    }

    .nl .nl-beams[b-07laemirqu] {
        display: none
    }

    .nl .nl-portal-stage:is(.is-writing, .is-invite) .nl-hint-roll > b[b-07laemirqu], .nl .nl-hints.is-ready .nl-hint-roll[b-07laemirqu] {
        animation: none
    }
}
/* /Components/AinnaPages/Newuitest2.razor.rz.scp.css */
.ainna-page-container[b-shqlk5j1z2] {
    width: 100%;
    height: 100vh;
    background-color: var(--ain-surface, #f2efe9);
    font-family: var(--font-family-primary);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

    .ainna-page-container .ainna-toolbar[b-shqlk5j1z2] {
        position: sticky;
        top: 0;
        z-index: 100;
        height: 0;
        flex-shrink: 0;
        overflow: visible;
    }

    .ainna-page-container .ainna-toolbar-content[b-shqlk5j1z2] {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 1;
    }

.ainna-page-container[b-shqlk5j1z2] {
    --ainna-island-x: 4px;
    --ainna-brand-cy: 36px;
}

    .ainna-page-container .ainna-island-host[b-shqlk5j1z2] {
        position: fixed;
        top: calc(var(--ainna-brand-cy) - 18px + env(safe-area-inset-top, 0px));
        left: calc(var(--ainna-rail-w, 84px) + var(--ainna-island-x));
        z-index: 900;
        display: flex;
        align-items: center;
        gap: 8px;
        height: 36px;
        max-width: calc(100vw - var(--ainna-rail-w, 84px) - var(--ainna-island-x) - 24px);
    }

.surface-placeholder[b-shqlk5j1z2] {
    max-width: 720px;
    margin: 48px auto;
    padding: 32px 36px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.surface-placeholder-eyebrow[b-shqlk5j1z2] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.surface-problem .surface-placeholder-eyebrow[b-shqlk5j1z2] {
    color: #db2777;
}

.surface-portfolio .surface-placeholder-eyebrow[b-shqlk5j1z2] {
    color: #475569;
}

.surface-placeholder-title[b-shqlk5j1z2] {
    font-size: 28px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.02em;
    margin: 0 0 14px;
    line-height: 1.25;
}

.surface-placeholder-meta[b-shqlk5j1z2] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    font-size: 12px;
}

.surface-placeholder-codename[b-shqlk5j1z2] {
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.surface-placeholder-id[b-shqlk5j1z2] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    color: #94a3b8;
    font-size: 11px;
}

.surface-placeholder-body[b-shqlk5j1z2] {
    color: #64748b;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

.ainna-page-container .ainna-split-view[b-shqlk5j1z2] {
    flex: 1;
    display: flex;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    min-height: 0;
    position: relative;
    z-index: 10;
    background: transparent;
    padding: 0;
    gap: 0;
}

.ainna-page-container .ainna-left-panel[b-shqlk5j1z2] {
    width: 35%;
    min-width: 32.5rem;
    max-width: 66.25rem;
    height: 100%;
    overflow: hidden;
    padding-left: clamp(0.3125rem, 3vw, 1.25rem);
    padding-right: clamp(0.3125rem, 3vw, 1.25rem);
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
}

.ainna-page-container .ainna-left-content[b-shqlk5j1z2] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
    position: relative;
    z-index: 1;
}

    .ainna-page-container .ainna-left-content > *[b-shqlk5j1z2] {
        flex: 1;
        min-height: 0;
        width: 100%;
        height: 100%;
    }

.ainna-page-container .ainna-resize-handle[b-shqlk5j1z2] {
    width: 2px;
    cursor: col-resize;
    position: relative;
    background: var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 20;
}

    .ainna-page-container .ainna-resize-handle[b-shqlk5j1z2]::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 8px;
        height: 3rem;
        background: #d1d5db;
        border-radius: 4px;
        transition: all 0.2s ease;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    .ainna-page-container .ainna-resize-handle[b-shqlk5j1z2]::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 4px;
        height: 14px;
        background-image: radial-gradient(circle, #9ca3af 1.5px, transparent 1.5px);
        background-size: 4px 5px;
        background-position: center;
        background-repeat: repeat-y;
        transition: all 0.2s ease;
    }

    .ainna-page-container .ainna-resize-handle:hover[b-shqlk5j1z2]::before {
        background: var(--accent);
        width: 10px;
        height: 4rem;
        box-shadow: 0 2px 8px rgba(236, 72, 153, 0.3);
    }

    .ainna-page-container .ainna-resize-handle:focus-visible[b-shqlk5j1z2]::before {
        background: var(--accent);
        width: 10px;
        height: 4rem;
        box-shadow: 0 2px 8px rgba(236, 72, 153, 0.3);
    }

    .ainna-page-container .ainna-resize-handle:hover[b-shqlk5j1z2]::after {
        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.9) 1.5px, transparent 1.5px);
    }

    .ainna-page-container .ainna-resize-handle:active[b-shqlk5j1z2]::before {
        background: #db2777;
        width: 12px;
        height: 5rem;
    }





.ainna-page-container .ainna-right-panel[b-shqlk5j1z2] {
    flex: 1;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: transparent;
    position: relative;
    padding-left: 0;
    padding-right: 0.625rem;
}

.ainna-page-container .ainna-right-content[b-shqlk5j1z2] {
    position: relative;
    max-width: 100%;
    z-index: 1;
    margin: 0;
}

.ainna-page-container .ainna-component-stack[b-shqlk5j1z2] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ainna-page-container .ainna-closing-zone[b-shqlk5j1z2] {
    display: flow-root;
    margin-right: -0.625rem;
    padding-right: 0.625rem;
    background-color: var(--ain-surface, #f2efe9);
}

.ainna-page-container .ainna-right-panel[b-shqlk5j1z2]::-webkit-scrollbar {
    width: 0.375rem;
}

.ainna-page-container .ainna-right-panel[b-shqlk5j1z2]::-webkit-scrollbar-track {
    background: transparent;
}

.ainna-page-container .ainna-right-panel[b-shqlk5j1z2]::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #f472b6 0%, #ec4899 50%, #db2777 100%);
    border-radius: 0.1875rem;
}

    .ainna-page-container .ainna-right-panel[b-shqlk5j1z2]::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #ec4899 0%, #db2777 100%);
    }

.ainna-page-container *[b-shqlk5j1z2] {
    box-sizing: border-box;
}




@keyframes overlayExit-b-shqlk5j1z2 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ainna-page-container .ainna-resize-handle[b-shqlk5j1z2],
    .ainna-page-container .ainna-resize-handle[b-shqlk5j1z2]::before,
    .ainna-page-container .ainna-resize-handle[b-shqlk5j1z2]::after {
        transition: none;
    }
}

@media (max-width: 1600px) {
    .ainna-page-container .ainna-left-panel[b-shqlk5j1z2] {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        min-width: 18.75rem;
    }
}

@media (max-width: 1300px) {
    .ainna-page-container .ainna-left-panel[b-shqlk5j1z2] {
        padding-left: 0.3125rem;
        padding-right: 0.3125rem;
        min-width: 15.625rem;
    }
}

@media (max-width: 900px) {
    .ainna-page-container[b-shqlk5j1z2] {
        height: 100%;
        background-color: var(--ain-surface, #f2efe9);
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        .ainna-page-container .ainna-toolbar[b-shqlk5j1z2] {
            height: 0;
            flex-shrink: 0;
            background: transparent;
            backdrop-filter: none;
            box-shadow: none;
        }

        .ainna-page-container .ainna-toolbar-content[b-shqlk5j1z2] {
            padding: 0;
        }





        .ainna-page-container .ainna-split-view[b-shqlk5j1z2] {
            flex: 1;
            min-height: 0;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            padding: 0;
            gap: 0;
        }

        .ainna-page-container .ainna-left-panel[b-shqlk5j1z2] {
            width: 100% !important;
            min-width: unset !important;
            max-width: none !important;
            height: 100%;
            border-radius: 0;
            background: transparent;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            padding: 0;
            box-shadow: none;
        }

        .ainna-page-container .ainna-left-content[b-shqlk5j1z2] {
            flex: 1;
            min-height: 0;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            padding: 0 !important;
        }

            .ainna-page-container .ainna-left-content > *[b-shqlk5j1z2] {
                flex: 1;
                min-height: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
            }

        .ainna-page-container .ainna-right-panel[b-shqlk5j1z2] {
            display: none !important;
        }

        .ainna-page-container .ainna-resize-handle[b-shqlk5j1z2] {
            display: none !important;
        }





        .ainna-page-container .ainna-right-panel.mobile-show[b-shqlk5j1z2] {
            display: block !important;
            position: fixed;
            top: env(safe-area-inset-top, 0px);
            left: var(--ainna-rail-w, 0px);
            right: 0;
            bottom: 0;
            width: auto;
            height: calc(100dvh - env(safe-area-inset-top, 0px));
            z-index: 999;
            animation: slideInFromRight-b-shqlk5j1z2 0.3s ease;
            overflow-y: auto;
            border-radius: 0;
            background-color: var(--ain-surface, #f2efe9);
        }

        .ainna-page-container.ain-workspace .ainna-right-panel.mobile-show[b-shqlk5j1z2] {
            background-image: var(--ain-grid);
            background-size: var(--ain-grid-size) var(--ain-grid-size);
            background-attachment: fixed;
        }

    @keyframes slideInFromRight-b-shqlk5j1z2 {
        from {
            transform: translateX(100%);
        }

        to {
            transform: translateX(0);
        }
    }

    .ainna-page-container .ainna-right-content[b-shqlk5j1z2] {
        padding: 0 !important;
    }

    .ainna-page-container .ainna-component-stack[b-shqlk5j1z2] {
        gap: 0;
    }
}

@media (max-width: 640px) {
    .ainna-page-container[b-shqlk5j1z2] {
        --ainna-island-x: 12px;
        --ainna-brand-cy: 28px;
    }
}

.ainna-desktop-gate[b-shqlk5j1z2] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 72px 28px 40px;
    text-align: center;
    background: transparent;
}

.ainna-desktop-gate-icon[b-shqlk5j1z2] {
    width: 52px;
    height: 52px;
    margin-bottom: 6px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #C71260;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 10px 28px rgba(20, 18, 24, 0.10), 0 2px 6px rgba(20, 18, 24, 0.05);
}

.ainna-desktop-gate-eyebrow[b-shqlk5j1z2] {
    font-family: 'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #C71260;
}

.ainna-desktop-gate-title[b-shqlk5j1z2] {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.015em;
    color: #0f172a;
    max-width: 22ch;
}

.ainna-desktop-gate-body[b-shqlk5j1z2] {
    font-size: 13.5px;
    line-height: 1.55;
    color: #64748b;
    max-width: 36ch;
}

.ainna-desktop-gate-action[b-shqlk5j1z2] {
    margin-top: 10px;
    border: 0;
    border-radius: 999px;
    padding: 11px 20px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(135deg, #ec4899, #db2777);
    box-shadow: 0 4px 14px rgba(236, 72, 153, 0.35);
}


.ainna-page-container.has-rail[b-shqlk5j1z2] {
    margin-left: var(--ainna-rail-w, 72px);
    width: calc(100% - var(--ainna-rail-w, 72px));
}

.ainna-page-container.has-rail[b-shqlk5j1z2] {
    animation: ainna-shell-in-b-shqlk5j1z2 0.18s ease-out both;
    isolation: isolate;
}

    .ainna-page-container.has-rail[b-shqlk5j1z2]::before {
        content: "";
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: var(--ainna-rail-w, 72px);
        z-index: 0;
        pointer-events: none;
        background-color: var(--ain-surface, #f2efe9);
    }

    .ainna-page-container.has-rail.ain-workspace[b-shqlk5j1z2]::before {
        background-image: var(--ain-grid);
        background-size: var(--ain-grid-size) var(--ain-grid-size);
        background-attachment: fixed;
    }

    .ainna-page-container.has-rail.ain-workspace.ain-brainstorm[b-shqlk5j1z2]::before {
        background-image: none;
        background-color: #ebe8e1;
    }

@keyframes ainna-shell-in-b-shqlk5j1z2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ainna-page-container .ainna-right-panel.mobile-show[b-shqlk5j1z2] {
        animation: none;
    }
}

.ainna-page-container .visually-hidden[b-shqlk5j1z2] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}


.ainna-mobile-fab[b-shqlk5j1z2] {
    display: none;
}

@media (max-width: 900px) {
    .ainna-mobile-fab[b-shqlk5j1z2] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        right: 18px;
        bottom: calc(18px + env(safe-area-inset-bottom, 0px));
        width: 52px;
        height: 52px;
        border: 0;
        border-radius: 50%;
        color: #fff;
        font-size: 18px;
        background: linear-gradient(135deg, #ec4899, #db2777);
        box-shadow: 0 6px 20px rgba(236, 72, 153, 0.40);
        cursor: pointer;
        z-index: 1290;
    }
}


.ainna-section-veil[b-shqlk5j1z2] {
    position: fixed;
    top: 0;
    left: var(--ainna-rail-w, 84px);
    right: 0;
    bottom: 0;
    z-index: 1295;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--ain-surface-rgb, 242, 239, 233), 0.72);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    animation: ainna-veil-in-b-shqlk5j1z2 0.08s ease-out both;
}

.ainna-veil-spin[b-shqlk5j1z2] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2.5px solid rgba(236, 72, 153, 0.18);
    border-top-color: #db2777;
    animation: ainna-veil-rotate-b-shqlk5j1z2 0.7s linear infinite, ainna-busy-reveal-b-shqlk5j1z2 0.2s ease 0.28s both;
}

.ainna-idea-wait-label[b-shqlk5j1z2] {
    animation: ainna-busy-reveal-b-shqlk5j1z2 0.2s ease 0.28s both;
}

.ainna-page-container .ainna-boot-live[b-shqlk5j1z2] {
    animation: ainna-busy-reveal-b-shqlk5j1z2 0.2s ease 0.28s both;
}

@keyframes ainna-busy-reveal-b-shqlk5j1z2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes ainna-veil-in-b-shqlk5j1z2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes ainna-veil-rotate-b-shqlk5j1z2 {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ainna-veil-spin[b-shqlk5j1z2] {
        animation-duration: 1.4s, 0.01ms;
    }

    .ainna-idea-wait-label[b-shqlk5j1z2],
    .ainna-page-container .ainna-boot-live[b-shqlk5j1z2] {
        animation-duration: 0.01ms;
    }

    .ainna-section-veil[b-shqlk5j1z2] {
        animation: none;
    }

        .ainna-section-veil.is-leaving[b-shqlk5j1z2] {
            animation: none;
            opacity: 0;
        }

    .ainna-page-container.has-rail[b-shqlk5j1z2] {
        animation: none;
    }
}

.ainna-idea-wait[b-shqlk5j1z2] {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.ainna-idea-wait-label[b-shqlk5j1z2] {
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #94a3b8;
    max-width: min(46ch, 82%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ainna-section-veil.is-solid[b-shqlk5j1z2] {
    background: var(--ain-surface, #f2efe9);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    flex-direction: column;
    gap: 14px;
}

.ain-workspace .ainna-section-veil.is-solid[b-shqlk5j1z2] {
    background-image: var(--ain-grid);
    background-size: var(--ain-grid-size) var(--ain-grid-size);
    background-attachment: fixed;
}

.ainna-section-veil.is-leaving[b-shqlk5j1z2] {
    animation: overlayExit-b-shqlk5j1z2 0.18s ease-out both;
    pointer-events: none;
}

.ainna-section-fault[b-shqlk5j1z2] {
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 32px;
    text-align: center;
    background: transparent;
}

.ainna-section-fault-title[b-shqlk5j1z2] {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

.ainna-section-fault-body[b-shqlk5j1z2] {
    font-size: 13px;
    color: #64748b;
    max-width: 42ch;
    line-height: 1.55;
}

.ainna-section-fault-action[b-shqlk5j1z2] {
    margin-top: 8px;
    border: 0;
    border-radius: 999px;
    padding: 9px 18px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(135deg, #ec4899, #db2777);
    box-shadow: 0 4px 14px rgba(236, 72, 153, 0.35);
}

.ainna-section-fault-link[b-shqlk5j1z2] {
    border: 0;
    padding: 6px 10px;
    background: transparent;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

    .ainna-section-fault-link:hover[b-shqlk5j1z2] {
        color: #0f172a;
    }
/* /Components/AinnaPages/Onboarding.razor.rz.scp.css */
.ainna-onboarding-container[b-7bplzavwyy] {
    --color-bg-warm: #fbf5f1;
    --color-bg-page: #eceae6;
    --border-color: #e5e0db;
    --color-border-light: #efeae5;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-pill: 50px;
    --shadow-card: 0 2px 8px rgba(20,15,50,0.08), 0 1px 3px rgba(20,15,50,0.05);
    --shadow-card-hover: 0 8px 28px rgba(20,15,50,0.12), 0 3px 8px rgba(20,15,50,0.06);
    --gradient-accent: linear-gradient(135deg, var(--accent), var(--color-accent-2));
    --transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --col-left-max: 680px;
    --col-right-max: 400px;
    --col-gap: 64px;
    --pad: 40px;
    --done-color: var(--accent);
    --ink: var(--text-heading);
    --ink-soft: rgba(20, 15, 50, 0.10);
    --neutral-selected-bg: #f3f1ee;
    --accent-soft: rgba(244, 8, 155, 0.06);
    --accent-line: rgba(244, 8, 155, 0.22);
    --aside-bg: var(--background-primary);
    --aside-rule: var(--color-border-light);
    font-family: var(--font-family-primary);
    background: var(--color-bg-page);
    color: var(--text-heading);
    line-height: 1.6;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding-top: 64px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .ainna-onboarding-container *[b-7bplzavwyy] {
        box-sizing: border-box;
    }

.ainna-header[b-7bplzavwyy] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: var(--background-primary);
    border-bottom: 1px solid var(--border-color);
    height: 64px;
    display: flex;
    align-items: center;
}

    .ainna-header[b-7bplzavwyy]::after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 3px;
        background: var(--gradient-accent);
        opacity: 0.7;
    }

.ainna-header-content[b-7bplzavwyy] {
    max-width: calc(var(--col-left-max) + var(--col-gap) + var(--col-right-max));
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--pad);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ainna-header-left[b-7bplzavwyy] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

.ainna-logo[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    text-decoration: none;
}

    .ainna-logo img[b-7bplzavwyy] {
        height: 26px;
        width: auto;
    }

.ainna-header-tagline[b-7bplzavwyy] {
    font-size: 10.5px;
    font-weight: 500;
    color: var(--text-tertiary);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    padding-bottom: 1px;
}

.ainna-header-step-indicator[b-7bplzavwyy] {
    display: flex;
    gap: 8px;
}

.ainna-step-dot[b-7bplzavwyy] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1.5px solid var(--text-tertiary);
    background: transparent;
    transition: background var(--transition-base), border-color var(--transition-base);
}

    .ainna-step-dot.active[b-7bplzavwyy] {
        border-color: var(--accent);
    }

    .ainna-step-dot.done[b-7bplzavwyy] {
        border-color: var(--ink);
        background: var(--ink);
    }

.ainna-main-container[b-7bplzavwyy] {
    flex: 1;
    max-width: calc(var(--col-left-max) + var(--col-gap) + var(--col-right-max));
    width: 100%;
    margin: 0 auto;
    padding: 48px var(--pad) 80px;
}

.ainna-page-reveal[b-7bplzavwyy] {
    animation: pageReveal-b-7bplzavwyy 0.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes pageReveal-b-7bplzavwyy {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ainna-stagger-1[b-7bplzavwyy] {
    animation: pageReveal-b-7bplzavwyy 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.08s both;
}

.ainna-stagger-2[b-7bplzavwyy] {
    animation: pageReveal-b-7bplzavwyy 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.15s both;
}

.ainna-welcome-block[b-7bplzavwyy] {
    margin-bottom: 32px;
    min-height: 72px;
}

.ainna-welcome-title[b-7bplzavwyy] {
    font-size: 34px;
    font-weight: 800;
    color: var(--text-heading);
    margin: 0 0 10px;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

.ainna-welcome-sub[b-7bplzavwyy] {
    font-size: 15px;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.6;
}

    .ainna-welcome-sub strong[b-7bplzavwyy] {
        color: var(--accent);
        font-weight: 700;
    }

.ainna-welcome-title[b-7bplzavwyy],
.ainna-welcome-sub[b-7bplzavwyy] {
    animation: ainnaFadeUp-b-7bplzavwyy 0.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.ainna-welcome-title[b-7bplzavwyy] {
    animation-delay: 0.15s;
}

.ainna-welcome-sub[b-7bplzavwyy] {
    animation-delay: 0.4s;
}

@keyframes ainnaFadeUp-b-7bplzavwyy {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ainna-welcome-title[b-7bplzavwyy],
    .ainna-welcome-sub[b-7bplzavwyy] {
        animation: none;
    }
}

.ainna-referral-banner[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 16px 20px;
    margin-bottom: 32px;
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.5;
}

    .ainna-referral-banner i[b-7bplzavwyy] {
        font-size: 20px;
        color: var(--text-secondary);
        flex-shrink: 0;
    }

    .ainna-referral-banner strong[b-7bplzavwyy] {
        color: var(--text-heading);
    }

.ainna-columns-wrapper[b-7bplzavwyy] {
    display: flex;
    gap: var(--col-gap);
    align-items: stretch;
}

.ainna-left-column[b-7bplzavwyy] {
    flex: 0 0 var(--col-left-max);
    max-width: var(--col-left-max);
    min-width: 0;
}

.ainna-right-column[b-7bplzavwyy] {
    flex: 1;
    max-width: var(--col-right-max);
    min-width: 0;
}

.ainna-card[b-7bplzavwyy] {
    position: relative;
    overflow: hidden;
    background: var(--background-primary);
    border-radius: var(--radius-lg);
    padding: 32px;
    margin-bottom: 20px;
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-card);
    transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

    .ainna-card.ainna-card-compact[b-7bplzavwyy] {
        padding: 24px 32px 32px;
    }

    .ainna-card.ainna-card-nudge[b-7bplzavwyy] {
        border-color: var(--accent);
        box-shadow: 0 0 0 3px var(--accent-soft), var(--shadow-card);
        animation: cardNudge-b-7bplzavwyy 0.5s ease;
    }

@keyframes cardNudge-b-7bplzavwyy {
    0%, 100% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-4px);
    }

    40% {
        transform: translateX(4px);
    }

    60% {
        transform: translateX(-2px);
    }

    80% {
        transform: translateX(2px);
    }
}

.ainna-step-ring[b-7bplzavwyy] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

    .ainna-step-ring span[b-7bplzavwyy] {
        font-size: 15px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.02em;
    }

    .ainna-step-ring i[b-7bplzavwyy] {
        font-size: 13px;
        line-height: 1;
    }

    .ainna-step-ring.ring-active[b-7bplzavwyy] {
        background: var(--accent);
        border: none;
    }

        .ainna-step-ring.ring-active span[b-7bplzavwyy] {
            color: #fff;
        }

    .ainna-step-ring.ring-done[b-7bplzavwyy] {
        background: var(--done-color);
        border: none;
    }

        .ainna-step-ring.ring-done span[b-7bplzavwyy] {
            color: #fff;
        }

    .ainna-step-ring.ring-pending[b-7bplzavwyy] {
        background: var(--color-bg-page);
        border: 2px solid var(--border-color);
        animation: none;
    }

        .ainna-step-ring.ring-pending span[b-7bplzavwyy] {
            color: var(--text-tertiary);
            opacity: 0.6;
        }

    .ainna-step-ring.ring-optional[b-7bplzavwyy] {
        background: var(--background-primary);
        border: 2px dashed var(--border-color);
        animation: none;
    }

        .ainna-step-ring.ring-optional span[b-7bplzavwyy] {
            color: var(--text-tertiary);
        }

.ainna-section-badge[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.ainna-badge-left[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ainna-badge-label[b-7bplzavwyy] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--text-heading);
}

.ainna-section-badge.badge-done .ainna-badge-label[b-7bplzavwyy] {
    color: var(--text-heading);
}

.ainna-card-desc[b-7bplzavwyy] {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

    .ainna-card-desc strong[b-7bplzavwyy] {
        color: var(--text-heading);
    }

.ainna-spam-hint[b-7bplzavwyy] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 14px;
    padding: 14px 16px;
    background: #fef9ec;
    border: 1px solid #f0d88a;
    border-radius: var(--radius-sm);
    font-size: 12.5px;
    color: #6b5a1e;
    line-height: 1.55;
}

    .ainna-spam-hint i[b-7bplzavwyy] {
        color: #d4a017;
        font-size: 15px;
        margin-top: 1px;
        flex-shrink: 0;
    }

.ainna-code-input-row[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 24px 0 12px;
}

.ainna-code-input[b-7bplzavwyy] {
    width: 220px;
    height: 60px;
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;
    letter-spacing: 8px;
    color: var(--text-heading);
    background: var(--background-primary);
    transition: all var(--transition-base);
    padding: 0 16px;
}

    .ainna-code-input[b-7bplzavwyy]::placeholder {
        color: var(--text-tertiary);
        opacity: 0.4;
        font-weight: 400;
    }

    .ainna-code-input:focus[b-7bplzavwyy] {
        outline: none;
        border-color: var(--accent);
        box-shadow: 0 0 0 3px rgba(244, 8, 155, 0.10);
    }

    .ainna-code-input.filled[b-7bplzavwyy] {
        border-color: var(--ink);
    }

    .ainna-code-input.error[b-7bplzavwyy] {
        border-color: #ef4444;
        background: rgba(239, 68, 68, 0.04);
        animation: shake-b-7bplzavwyy 0.4s ease;
    }

    .ainna-code-input:disabled[b-7bplzavwyy] {
        background: var(--color-bg-page);
        opacity: 0.6;
        cursor: not-allowed;
    }

@keyframes shake-b-7bplzavwyy {
    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-6px);
    }

    75% {
        transform: translateX(6px);
    }
}

.ainna-resend[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    min-width: 100px;
}

.ainna-btn-resend[b-7bplzavwyy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-pill);
    background: var(--background-primary);
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-base);
    font-family: inherit;
}

    .ainna-btn-resend:hover:not(:disabled)[b-7bplzavwyy] {
        border-color: var(--text-tertiary);
        color: var(--text-heading);
    }

    .ainna-btn-resend:disabled[b-7bplzavwyy] {
        opacity: 0.4;
        cursor: not-allowed;
    }

    .ainna-btn-resend i[b-7bplzavwyy] {
        font-size: 11px;
    }

.ainna-resend-timer[b-7bplzavwyy] {
    font-size: 13px;
    color: var(--text-tertiary);
    padding: 8px 14px;
    background: var(--color-bg-warm);
    border-radius: var(--radius-pill);
    display: flex;
    align-items: center;
    gap: 6px;
}

    .ainna-resend-timer i[b-7bplzavwyy] {
        font-size: 11px;
    }

.ainna-resend-ok[b-7bplzavwyy] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-heading);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: var(--neutral-selected-bg);
    border-radius: var(--radius-pill);
    animation: fadeIn-b-7bplzavwyy 0.3s ease;
}

    .ainna-resend-ok i[b-7bplzavwyy] {
        font-size: 11px;
    }

.ainna-code-status[b-7bplzavwyy] {
    display: flex;
    justify-content: center;
    min-height: 26px;
    margin-bottom: 8px;
    font-size: 11.5px;
    font-weight: 500;
}

.status-ready[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--text-secondary);
    animation: fadeIn-b-7bplzavwyy 0.3s ease;
}

.status-checking[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-secondary);
}

.status-failed[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #dc2626;
    animation: fadeIn-b-7bplzavwyy 0.3s ease;
}

.ainna-mini-spinner[b-7bplzavwyy] {
    width: 14px;
    height: 14px;
    border: 2px solid var(--border-color);
    border-top-color: var(--text-secondary);
    border-radius: 50%;
    animation: spin-b-7bplzavwyy 0.7s linear infinite;
}

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

@keyframes fadeIn-b-7bplzavwyy {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.ainna-form-grid[b-7bplzavwyy] {
    display: grid;
    gap: 16px;
    margin-top: 4px;
}

.ainna-form-row[b-7bplzavwyy] {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 12px;
    align-items: center;
}

.ainna-form-row-static[b-7bplzavwyy] {
    align-items: baseline;
}

.ainna-form-row-plan[b-7bplzavwyy] {
    padding-top: 16px;
    margin-top: 8px;
    border-top: 1px solid var(--color-border-light);
    align-items: center;
}

.ainna-form-label[b-7bplzavwyy] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
}

.ainna-opt[b-7bplzavwyy] {
    font-size: 11px;
    color: var(--text-tertiary);
    font-weight: 400;
}

.ainna-form-value[b-7bplzavwyy] {
    font-size: 14px;
    color: var(--text-heading);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ainna-source-badge[b-7bplzavwyy] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 600;
    color: var(--text-secondary);
    background: var(--neutral-selected-bg);
    padding: 2px 8px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--border-color);
}

    .ainna-source-badge i[b-7bplzavwyy] {
        font-size: 9px;
    }

.ainna-plan-tag[b-7bplzavwyy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    color: var(--text-heading);
    letter-spacing: -0.01em;
}

.ainna-plan-tag-dot[b-7bplzavwyy] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ink);
    flex-shrink: 0;
}

.ainna-bonus-pill[b-7bplzavwyy] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary);
    background: var(--neutral-selected-bg);
    padding: 3px 10px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--border-color);
}

    .ainna-bonus-pill i[b-7bplzavwyy] {
        font-size: 10px;
    }

.ainna-input[b-7bplzavwyy] {
    padding: 11px 14px;
    border: 1.5px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 14px;
    color: var(--text-heading);
    background: #f7f6f4;
    box-shadow: inset 0 1px 2px rgba(20, 15, 50, 0.04);
    transition: all var(--transition-base);
    width: 100%;
    font-family: inherit;
}

    .ainna-input[b-7bplzavwyy]::placeholder {
        color: var(--text-tertiary);
        opacity: 0.7;
    }

    .ainna-input:hover[b-7bplzavwyy] {
        border-color: #bdb7b0;
    }

    .ainna-input:focus[b-7bplzavwyy] {
        outline: none;
        border-color: var(--accent);
        background: var(--background-primary);
        box-shadow: 0 0 0 3px rgba(244, 8, 155, 0.08);
    }

    .ainna-input.filled[b-7bplzavwyy] {
        border-color: #d9d2cc;
        background: var(--background-primary);
    }

.ainna-textarea[b-7bplzavwyy] {
    min-height: 80px;
    max-height: 120px;
    resize: vertical;
    line-height: 1.5;
}

.ainna-calibration-hint[b-7bplzavwyy] {
    margin-bottom: 20px;
    font-size: 13px;
    color: var(--text-tertiary);
    line-height: 1.55;
}

.ainna-field-label[b-7bplzavwyy] {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: var(--text-secondary);
    margin-bottom: 8px;
    letter-spacing: 0.01em;
}

.ainna-pick-prompt[b-7bplzavwyy] {
    font-weight: 500;
    font-style: italic;
    color: var(--text-secondary);
    letter-spacing: 0;
    margin-left: 2px;
    animation: pendingPulse 2.4s ease-in-out infinite;
}

.ainna-intent-section[b-7bplzavwyy] {
    margin-bottom: 22px;
}

.ainna-intent-panel[b-7bplzavwyy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.ainna-intent-opt[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border-radius: var(--radius-md);
    background: var(--background-primary);
    cursor: pointer;
    transition: all var(--transition-base);
    font-family: inherit;
    user-select: none;
}

    .ainna-intent-opt.unselected[b-7bplzavwyy] {
        border: 1.5px dashed var(--border-color);
    }

        .ainna-intent-opt.unselected:hover[b-7bplzavwyy] {
            border-style: solid;
            border-color: var(--text-tertiary);
        }

            .ainna-intent-opt.unselected:hover .ainna-intent-icon[b-7bplzavwyy] {
                color: var(--text-heading);
            }

    .ainna-intent-opt.selected[b-7bplzavwyy] {
        border: 1.5px solid var(--accent);
        background: var(--accent-soft);
    }

        .ainna-intent-opt.selected .ainna-intent-icon[b-7bplzavwyy] {
            color: var(--accent);
        }

        .ainna-intent-opt.selected .ainna-intent-check[b-7bplzavwyy] {
            opacity: 1;
            transform: scale(1);
        }

.ainna-intent-icon[b-7bplzavwyy] {
    font-size: 14px;
    color: var(--text-tertiary);
    width: 18px;
    text-align: center;
    flex-shrink: 0;
    transition: color var(--transition-base);
}

.ainna-intent-text[b-7bplzavwyy] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-heading);
    line-height: 1.3;
    flex: 1;
    text-align: left;
}

.ainna-intent-check[b-7bplzavwyy] {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: var(--accent);
    color: #fff;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ainna-scale[b-7bplzavwyy] {
    position: relative;
}

.ainna-scale-track-area[b-7bplzavwyy] {
    position: relative;
    height: 28px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    cursor: pointer;
}

.ainna-scale-range[b-7bplzavwyy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
}

.ainna-scale-track[b-7bplzavwyy] {
    position: relative;
    width: 100%;
    height: 4px;
    background: var(--border-color);
    border-radius: 2px;
    overflow: visible;
}

.ainna-scale-fill[b-7bplzavwyy] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--accent), var(--color-accent-2));
    transition: width 0.12s ease-out;
    opacity: 0;
}

.ainna-scale.active .ainna-scale-fill[b-7bplzavwyy] {
    opacity: 1;
}

.ainna-scale-ticks[b-7bplzavwyy] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    pointer-events: none;
}

.ainna-scale-tick[b-7bplzavwyy] {
    position: absolute;
    top: -1px;
    width: 1.5px;
    height: 6px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    transform: translateX(-50%);
}

.ainna-scale-thumb[b-7bplzavwyy] {
    position: absolute;
    top: 50%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
    transition: left 0.12s ease-out, box-shadow var(--transition-base), border-color var(--transition-base), background var(--transition-base), border-style 0.2s ease;
}

    .ainna-scale-thumb.parked[b-7bplzavwyy] {
        background: var(--background-primary);
        border: 2px solid transparent;
        box-shadow: 0 0 0 2px var(--border-color), 0 0 0 5px rgba(244, 8, 155, 0.06);
        animation: thumbPark-b-7bplzavwyy 2.8s ease-in-out infinite;
    }

        .ainna-scale-thumb.parked[b-7bplzavwyy]::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: var(--border-color);
            transform: translate(-50%, -50%);
            transition: opacity 0.2s ease;
        }

@keyframes thumbPark-b-7bplzavwyy {
    0%, 100% {
        box-shadow: 0 0 0 2px var(--border-color), 0 0 0 5px rgba(244, 8, 155, 0.04);
    }

    50% {
        box-shadow: 0 0 0 2px rgba(244, 8, 155, 0.35), 0 0 0 7px rgba(244, 8, 155, 0.08);
    }
}

.ainna-scale-thumb.live[b-7bplzavwyy] {
    background: var(--background-primary);
    border: 2.5px solid var(--accent);
    box-shadow: 0 1px 6px rgba(244, 8, 155, 0.25);
    animation: none;
}

    .ainna-scale-thumb.live[b-7bplzavwyy]::after {
        display: none;
    }

.ainna-scale-track-area:hover .ainna-scale-thumb.live[b-7bplzavwyy] {
    box-shadow: 0 1px 10px rgba(244, 8, 155, 0.35);
}

.ainna-scale-track-area:active .ainna-scale-thumb.live[b-7bplzavwyy] {
    transform: translate(-50%, -50%) scale(1.15);
    box-shadow: 0 2px 14px rgba(244, 8, 155, 0.4);
}

.ainna-scale.done .ainna-scale-fill[b-7bplzavwyy] {
    background: var(--ink);
}

.ainna-scale.done .ainna-scale-thumb.live[b-7bplzavwyy] {
    border-color: var(--ink);
    box-shadow: 0 1px 6px rgba(20, 15, 50, 0.2);
}

.ainna-scale.done .ainna-scale-track-area:hover .ainna-scale-thumb.live[b-7bplzavwyy] {
    box-shadow: 0 1px 10px rgba(20, 15, 50, 0.25);
}

.ainna-scale-labels[b-7bplzavwyy] {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    padding: 0 24px;
}

.ainna-scale-lbl[b-7bplzavwyy] {
    font-size: 10.5px;
    color: var(--text-tertiary);
    font-weight: 500;
    text-align: center;
    flex: 1;
    line-height: 1.3;
    cursor: pointer;
    transition: all var(--transition-base);
    user-select: none;
    padding: 2px 0;
}

    .ainna-scale-lbl:first-child[b-7bplzavwyy] {
        text-align: left;
    }

    .ainna-scale-lbl:last-child[b-7bplzavwyy] {
        text-align: right;
    }

    .ainna-scale-lbl:hover[b-7bplzavwyy] {
        color: var(--text-secondary);
    }

    .ainna-scale-lbl.nearest[b-7bplzavwyy] {
        color: var(--text-heading);
        font-weight: 700;
    }

.ainna-scale-prompt[b-7bplzavwyy] {
    text-align: center;
    margin-top: 8px;
    font-size: 11.5px;
    font-weight: 500;
    color: var(--text-secondary);
    opacity: 0.8;
    animation: pendingPulse 2.4s ease-in-out infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 20px;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

    .ainna-scale-prompt i[b-7bplzavwyy] {
        font-size: 11px;
    }

    .ainna-scale-prompt.hidden[b-7bplzavwyy] {
        visibility: hidden;
        opacity: 0;
        animation: none;
    }

.ainna-terms-row[b-7bplzavwyy] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-left: 50px;
}

.ainna-checkbox[b-7bplzavwyy] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: var(--ink);
    flex-shrink: 0;
}

.ainna-terms-label[b-7bplzavwyy] {
    font-size: 12.5px;
    color: var(--text-heading);
    font-weight: 600;
    line-height: 1.6;
    cursor: pointer;
}

.ainna-terms-note[b-7bplzavwyy] {
    margin: 0 0 16px;
    padding-left: 50px;
    font-size: 12px;
    color: var(--text-secondary);
    line-height: 1.65;
}

.ainna-terms-label a[b-7bplzavwyy] {
    color: var(--text-heading);
    text-decoration: underline;
    text-decoration-color: var(--text-tertiary);
    text-underline-offset: 3px;
    font-weight: 600;
    transition: text-decoration-color var(--transition-base);
}

    .ainna-terms-label a:hover[b-7bplzavwyy] {
        text-decoration-color: var(--text-heading);
    }

.ainna-proceed-error[b-7bplzavwyy] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    padding: 14px 18px;
    background: rgba(220, 38, 38, 0.06);
    border: 1px solid rgba(220, 38, 38, 0.18);
    border-radius: var(--radius-sm);
    font-size: 13px;
    color: #991b1b;
    line-height: 1.5;
    animation: fadeIn-b-7bplzavwyy 0.3s ease;
}

    .ainna-proceed-error i[b-7bplzavwyy] {
        font-size: 14px;
        margin-top: 1px;
        flex-shrink: 0;
    }

.ainna-proceed-hint[b-7bplzavwyy] {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: var(--accent);
    margin-top: 12px;
    animation: hintAppear-b-7bplzavwyy 0.35s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

    .ainna-proceed-hint i[b-7bplzavwyy] {
        font-size: 11px;
        animation: hintBounce-b-7bplzavwyy 0.6s ease 0.35s both;
    }

@keyframes hintAppear-b-7bplzavwyy {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes hintBounce-b-7bplzavwyy {
    0%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-4px);
    }

    70% {
        transform: translateY(-2px);
    }
}

.ainna-btn-go[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    max-width: 360px;
    margin: 28px auto 0;
    padding: 15px 32px;
    border: none;
    border-radius: var(--radius-pill);
    background: var(--gradient-accent);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: 0 4px 20px rgba(244, 8, 155, 0.35), 0 2px 6px rgba(244, 8, 155, 0.2);
    letter-spacing: 0.01em;
}

    .ainna-btn-go:hover:not(:disabled):not(.processing):not(.incomplete)[b-7bplzavwyy] {
        transform: translateY(-2px);
        box-shadow: 0 8px 32px rgba(244, 8, 155, 0.4), 0 4px 12px rgba(244, 8, 155, 0.25);
    }

    .ainna-btn-go.incomplete[b-7bplzavwyy] {
        background: var(--gradient-accent);
        opacity: 0.4;
        box-shadow: 0 2px 10px rgba(244, 8, 155, 0.12);
        cursor: pointer;
    }

        .ainna-btn-go.incomplete:hover[b-7bplzavwyy] {
            opacity: 0.85;
            transform: translateY(-1px);
            box-shadow: 0 4px 20px rgba(244, 8, 155, 0.3), 0 2px 6px rgba(244, 8, 155, 0.15);
        }

    .ainna-btn-go:disabled[b-7bplzavwyy] {
        opacity: 0.5;
        cursor: wait;
        background: #8f8a84;
        box-shadow: none;
    }

    .ainna-btn-go.processing[b-7bplzavwyy] {
        cursor: wait;
        opacity: 0.85;
    }

    .ainna-btn-go i[b-7bplzavwyy] {
        font-size: 14px;
        transition: transform var(--transition-base);
    }

    .ainna-btn-go:hover:not(:disabled):not(.processing):not(.incomplete) i[b-7bplzavwyy] {
        transform: translateX(3px);
    }

.ainna-aside[b-7bplzavwyy] {
    position: sticky;
    top: 80px;
    padding: 28px;
    background: var(--aside-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
}

.ainna-pick-card + .ainna-aside[b-7bplzavwyy] {
    position: static;
}

.ainna-aside-header[b-7bplzavwyy] {
    padding: 0 0 22px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--aside-rule);
}

.ainna-aside-header-title[b-7bplzavwyy] {
    font-size: 17px;
    font-weight: 700;
    color: var(--text-heading);
    margin: 0 0 10px;
    letter-spacing: -0.015em;
}

.ainna-aside-header-text[b-7bplzavwyy] {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.62;
    margin: 0;
}

.ainna-aside-inner[b-7bplzavwyy] {
    padding: 0;
}

.ainna-aside-section[b-7bplzavwyy] {
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--aside-rule);
}

    .ainna-aside-section:last-child[b-7bplzavwyy] {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

.ainna-aside-title[b-7bplzavwyy] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-heading);
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: -0.01em;
}

    .ainna-aside-title i[b-7bplzavwyy] {
        font-size: 13px;
        color: var(--text-secondary);
    }

.ainna-aside-text[b-7bplzavwyy] {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

.ainna-pick-card[b-7bplzavwyy] {
    margin: 6px 0 30px;
    padding: 0 4px;
}

.ainna-pick-note[b-7bplzavwyy] {
    --sr: -1.6deg;
    position: relative;
    box-sizing: border-box;
    padding: 30px 24px 16px;
    border: 1px solid rgba(92, 70, 10, 0.16);
    border-radius: 2px 2px 3px 3px;
    background: linear-gradient(176deg, #fff8cd 55%, #ffeb9e);
    box-shadow: 0 1px 1px rgba(29, 26, 20, 0.07), 0 20px 26px -18px rgba(29, 26, 20, 0.5);
    color: #241c05;
    transform: rotate(var(--sr));
    transform-origin: 50% 0;
    animation: ainna-pick-post-b-7bplzavwyy 460ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

@keyframes ainna-pick-post-b-7bplzavwyy {
    0% {
        opacity: 0;
        transform: translateY(-22px) rotate(calc(var(--sr) * 3)) scale(1.05);
    }

    60% {
        opacity: 1;
        transform: translateY(3px) rotate(calc(var(--sr) * 0.4)) scale(1);
    }

    100% {
        opacity: 1;
        transform: translateY(0) rotate(var(--sr)) scale(1);
    }
}

.ainna-pick-tape[b-7bplzavwyy] {
    position: absolute;
    top: -9px;
    left: 50%;
    width: 84px;
    height: 21px;
    margin-left: -42px;
    border-radius: 1px;
    background: rgba(240, 12, 113, 0.2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
    transform: rotate(calc(var(--sr) * -1.5));
    pointer-events: none;
}

.ainna-pick-eyebrow[b-7bplzavwyy] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #7a6420;
    margin-bottom: 8px;
}

.ainna-pick-title[b-7bplzavwyy] {
    font-family: 'Source Serif 4', 'Source Serif Pro', Georgia, 'Times New Roman', serif;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -0.012em;
    line-height: 1.22;
    color: #241c05;
    margin: 0 0 10px;
    text-wrap: pretty;
    overflow-wrap: anywhere;
}

.ainna-pick-title.is-brief[b-7bplzavwyy] {
    font-size: 19px;
    font-weight: 500;
    line-height: 1.38;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    overflow: hidden;
}

.ainna-pick-statement[b-7bplzavwyy] {
    font-family: 'Source Serif 4', 'Source Serif Pro', Georgia, 'Times New Roman', serif;
    font-size: 15.5px;
    line-height: 1.5;
    color: #3d3210;
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    overflow: hidden;
}

.ainna-pick-meta[b-7bplzavwyy] {
    font-size: 12px;
    font-weight: 500;
    color: #7a6420;
}

.ainna-next-steps[b-7bplzavwyy] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ainna-next-step[b-7bplzavwyy] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.ainna-step-marker[b-7bplzavwyy] {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
    border: 1.5px solid var(--text-tertiary, #8a8692);
    margin-top: 7px;
}

.ainna-next-step strong[b-7bplzavwyy] {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--text-heading);
    margin-bottom: 3px;
}

.ainna-next-step p[b-7bplzavwyy] {
    font-size: 12px;
    color: var(--text-secondary);
    line-height: 1.5;
    margin: 0;
}

.ainna-trial-features[b-7bplzavwyy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ainna-trial-feat[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.4;
}

    .ainna-trial-feat i[b-7bplzavwyy] {
        font-size: 11px;
        color: var(--text-secondary);
        flex-shrink: 0;
        width: 16px;
        text-align: center;
    }

.ainna-aside-privacy .ainna-aside-text[b-7bplzavwyy] {
    font-style: italic;
    color: var(--text-tertiary);
}

.ainna-footer[b-7bplzavwyy] {
    background: var(--background-primary);
    border-top: 1px solid var(--border-color);
    padding: 20px 0;
    margin-top: auto;
}

.ainna-footer-content[b-7bplzavwyy] {
    max-width: calc(var(--col-left-max) + var(--col-gap) + var(--col-right-max));
    margin: 0 auto;
    padding: 0 var(--pad);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--text-tertiary);
}

    .ainna-footer-content a[b-7bplzavwyy] {
        color: var(--text-tertiary);
        text-decoration: none;
        transition: color var(--transition-base);
    }

        .ainna-footer-content a:hover[b-7bplzavwyy] {
            color: var(--text-heading);
        }

.ainna-footer-sep[b-7bplzavwyy] {
    color: var(--border-color);
}

.ainna-overlay[b-7bplzavwyy] {
    position: fixed;
    inset: 0;
    background: rgba(10, 8, 24, 0.5);
    backdrop-filter: blur(6px);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    animation: overlayIn-b-7bplzavwyy 0.3s ease;
}

    .ainna-overlay.active[b-7bplzavwyy] {
        display: flex;
    }

@keyframes overlayIn-b-7bplzavwyy {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.ainna-overlay-box[b-7bplzavwyy] {
    background: var(--background-primary);
    padding: 48px;
    border-radius: var(--radius-xl);
    box-shadow: 0 24px 64px rgba(10, 8, 24, 0.25), 0 8px 20px rgba(10, 8, 24, 0.12);
    text-align: center;
    max-width: 420px;
    width: 90%;
    animation: boxIn-b-7bplzavwyy 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes boxIn-b-7bplzavwyy {
    from {
        opacity: 0;
        transform: scale(0.92) translateY(12px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.ainna-overlay-spinner[b-7bplzavwyy] {
    width: 56px;
    height: 56px;
    margin: 0 auto 24px;
}

.ainna-spinner-ring[b-7bplzavwyy] {
    width: 100%;
    height: 100%;
    border: 3px solid var(--color-border-light);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-7bplzavwyy 0.8s linear infinite;
}

.ainna-overlay-check[b-7bplzavwyy] {
    width: 56px;
    height: 56px;
    margin: 0 auto 24px;
    border-radius: 50%;
    background: var(--done-color);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: checkIn-b-7bplzavwyy 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

    .ainna-overlay-check i[b-7bplzavwyy] {
        font-size: 24px;
        color: #fff;
    }

@keyframes checkIn-b-7bplzavwyy {
    from {
        opacity: 0;
        transform: scale(0);
    }

    50% {
        transform: scale(1.15);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.overlay-done .ainna-overlay-title[b-7bplzavwyy] {
    color: var(--text-heading);
}

.overlay-done .ainna-overlay-sub[b-7bplzavwyy] {
    color: var(--text-tertiary);
    font-size: 13px;
}

.ainna-overlay-title[b-7bplzavwyy] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-heading);
    margin-bottom: 6px;
    letter-spacing: -0.02em;
    transition: color 0.3s ease;
}

.ainna-overlay-sub[b-7bplzavwyy] {
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: 28px;
    transition: all 0.3s ease;
}

.ainna-overlay-steps[b-7bplzavwyy] {
    text-align: left;
}

.ainna-overlay-step[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    color: var(--text-tertiary);
    opacity: 0.4;
    transition: all var(--transition-base);
}

    .ainna-overlay-step:last-child[b-7bplzavwyy] {
        margin-bottom: 0;
    }

    .ainna-overlay-step.active[b-7bplzavwyy] {
        opacity: 1;
        color: var(--text-heading);
        font-weight: 600;
    }

    .ainna-overlay-step.complete[b-7bplzavwyy] {
        opacity: 1;
        color: var(--text-secondary);
    }

    .ainna-overlay-step i[b-7bplzavwyy] {
        width: 16px;
        font-size: 13px;
    }

.ainna-form-row .ainna-choice-row[b-7bplzavwyy] {
    margin: 0;
}

.ainna-form-note[b-7bplzavwyy] {
    margin-top: -6px;
    padding-left: 122px;
}

.ainna-hint-loop[b-7bplzavwyy] {
    min-height: 3em;
    transition: opacity 0.25s ease;
}

    .ainna-hint-loop.swap[b-7bplzavwyy] {
        opacity: 0;
    }

.ainna-agenda-field[b-7bplzavwyy] {
    margin-top: 20px;
}

    .ainna-agenda-field:first-of-type[b-7bplzavwyy] {
        margin-top: 4px;
    }

.ainna-field-hint[b-7bplzavwyy] {
    font-size: 11.5px;
    color: var(--text-tertiary);
    line-height: 1.5;
    margin-top: 6px;
}

.ainna-input.error[b-7bplzavwyy] {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.04);
}

    .ainna-input.error:focus[b-7bplzavwyy] {
        box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.12);
    }

.ainna-chip-input[b-7bplzavwyy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1.5px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: #f7f6f4;
    box-shadow: inset 0 1px 2px rgba(20, 15, 50, 0.04);
    transition: border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);
    cursor: text;
}

    .ainna-chip-input:focus-within[b-7bplzavwyy] {
        border-color: var(--accent);
        background: var(--background-primary);
        box-shadow: 0 0 0 3px rgba(244, 8, 155, 0.08);
    }

    .ainna-chip-input.filled[b-7bplzavwyy] {
        border-color: #d9d2cc;
        background: var(--background-primary);
    }

    .ainna-chip-input.error[b-7bplzavwyy] {
        border-color: #ef4444;
        background: rgba(239, 68, 68, 0.04);
    }

.ainna-chip[b-7bplzavwyy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 6px 5px 12px;
    background: var(--accent-soft);
    border: 1px solid var(--accent-line);
    border-radius: var(--radius-pill);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text-heading);
    animation: chipIn-b-7bplzavwyy 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ainna-chip-text[b-7bplzavwyy] {
    line-height: 1.2;
}

.ainna-chip-x[b-7bplzavwyy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 50%;
    background: rgba(244, 8, 155, 0.14);
    color: var(--accent);
    font-size: 8px;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    transition: background var(--transition-base), color var(--transition-base);
}

    .ainna-chip-x:hover[b-7bplzavwyy] {
        background: var(--accent);
        color: #fff;
    }

@keyframes chipIn-b-7bplzavwyy {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.ainna-chip-entry[b-7bplzavwyy] {
    flex: 1;
    min-width: 140px;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 14px;
    color: var(--text-heading);
    padding: 4px 2px;
}

    .ainna-chip-entry[b-7bplzavwyy]::placeholder {
        color: var(--text-tertiary);
        opacity: 0.7;
    }

.ainna-segmented[b-7bplzavwyy] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.ainna-seg[b-7bplzavwyy] {
    flex: 1 1 auto;
    min-width: 84px;
    padding: 10px 8px;
    border: 1.5px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: var(--background-primary);
    color: var(--text-secondary);
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition: all var(--transition-base);
}

    .ainna-seg:hover[b-7bplzavwyy] {
        border-color: var(--text-tertiary);
        color: var(--text-heading);
    }

    .ainna-seg.selected[b-7bplzavwyy] {
        border-color: var(--accent);
        background: var(--accent-soft);
        color: var(--text-heading);
    }

.ainna-choice-row[b-7bplzavwyy] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 12px 0 10px;
}

.ainna-choice[b-7bplzavwyy] {
    padding: 9px 18px;
    border: 1.5px solid var(--border-color);
    border-radius: var(--radius-pill);
    background: var(--background-primary);
    color: var(--text-secondary);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
}

    .ainna-choice:hover[b-7bplzavwyy] {
        border-color: var(--text-tertiary);
        color: var(--text-heading);
    }

    .ainna-choice.selected[b-7bplzavwyy] {
        border-color: var(--accent);
        background: var(--accent-soft);
        color: var(--text-heading);
    }

.ainna-agenda-status[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.5;
    animation: fadeIn-b-7bplzavwyy 0.3s ease;
}

    .ainna-agenda-status.checking[b-7bplzavwyy] {
        color: var(--text-secondary);
    }

    .ainna-agenda-status.error[b-7bplzavwyy] {
        color: #b45309;
        background: #fef9ec;
        border: 1px solid #f0d88a;
        border-radius: var(--radius-sm);
        padding: 12px 14px;
        align-items: flex-start;
    }

        .ainna-agenda-status.error i[b-7bplzavwyy] {
            margin-top: 2px;
            flex-shrink: 0;
        }

@media (prefers-reduced-motion: reduce) {
    .ainna-chip[b-7bplzavwyy],
    .ainna-agenda-status[b-7bplzavwyy] {
        animation: none;
    }
}

@media (max-width: 1200px) {
    .ainna-left-column[b-7bplzavwyy] {
        flex: 1;
        max-width: 100%;
    }

    .ainna-right-column[b-7bplzavwyy] {
        flex: 0 0 340px;
        max-width: 340px;
    }

    .ainna-columns-wrapper[b-7bplzavwyy] {
        gap: 40px;
    }
}

@media (max-width: 900px) {
    .ainna-columns-wrapper[b-7bplzavwyy] {
        flex-direction: column;
        gap: 32px;
    }

    .ainna-left-column[b-7bplzavwyy], .ainna-right-column[b-7bplzavwyy] {
        flex: 1;
        max-width: 100%;
    }

    .ainna-aside[b-7bplzavwyy] {
        position: static;
    }

    .ainna-right-column[b-7bplzavwyy] {
        display: contents;
    }

    .ainna-pick-card[b-7bplzavwyy] {
        order: -1;
        margin-bottom: 0;
    }

    .ainna-main-container[b-7bplzavwyy] {
        padding: 36px 24px 60px;
    }
}

@media (max-width: 640px) {
    .ainna-header-tagline[b-7bplzavwyy] {
        display: none;
    }

    .ainna-main-container[b-7bplzavwyy] {
        padding: 28px 20px 48px;
    }

    .ainna-welcome-title[b-7bplzavwyy] {
        font-size: 22px;
    }

    .ainna-card[b-7bplzavwyy] {
        padding: 24px 20px;
    }

        .ainna-card.ainna-card-compact[b-7bplzavwyy] {
            padding: 20px;
        }

    .ainna-form-row[b-7bplzavwyy] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .ainna-team-field[b-7bplzavwyy] {
        padding-left: 0;
    }

    .ainna-intent-panel[b-7bplzavwyy] {
        grid-template-columns: 1fr;
    }

    .ainna-code-input-row[b-7bplzavwyy] {
        flex-direction: column;
        gap: 12px;
    }

    .ainna-code-input[b-7bplzavwyy] {
        width: 200px;
        height: 52px;
        font-size: 24px;
        letter-spacing: 6px;
    }

    .ainna-btn-go[b-7bplzavwyy] {
        max-width: 100%;
        font-size: 15px;
        padding: 14px 24px;
    }

    .ainna-aside[b-7bplzavwyy] {
        padding: 24px 20px;
    }

    .ainna-footer-content[b-7bplzavwyy] {
        justify-content: center;
        flex-wrap: wrap;
    }

    .ainna-step-ring[b-7bplzavwyy] {
        width: 30px;
        height: 30px;
    }

        .ainna-step-ring span[b-7bplzavwyy] {
            font-size: 13px;
        }

        .ainna-step-ring i[b-7bplzavwyy] {
            font-size: 11px;
        }

    .ainna-badge-left[b-7bplzavwyy] {
        gap: 10px;
    }

    .ainna-badge-label[b-7bplzavwyy] {
        font-size: 15px;
    }

    .ainna-terms-row[b-7bplzavwyy],
    .ainna-terms-note[b-7bplzavwyy] {
        padding-left: 40px;
    }
}

@media (max-width: 480px) {
    .ainna-welcome-title[b-7bplzavwyy] {
        font-size: 20px;
    }

    .ainna-code-input[b-7bplzavwyy] {
        width: 180px;
        height: 48px;
        font-size: 20px;
        letter-spacing: 5px;
    }

    .ainna-next-step p[b-7bplzavwyy] {
        font-size: 11px;
    }

    .ainna-badge-label[b-7bplzavwyy] {
        font-size: 14px;
    }

    .ainna-terms-row[b-7bplzavwyy],
    .ainna-terms-note[b-7bplzavwyy] {
        padding-left: 38px;
    }

    .ainna-scale-lbl[b-7bplzavwyy] {
        font-size: 9.5px;
    }

    .ainna-step-ring[b-7bplzavwyy] {
        width: 28px;
        height: 28px;
    }

        .ainna-step-ring span[b-7bplzavwyy] {
            font-size: 12px;
        }
}

@media (prefers-reduced-motion: reduce) {
    .ainna-pick-note[b-7bplzavwyy] {
        animation: none;
    }
}

.ainna-input:-webkit-autofill[b-7bplzavwyy],
.ainna-input:-webkit-autofill:hover[b-7bplzavwyy],
.ainna-input:-webkit-autofill:focus[b-7bplzavwyy],
.ainna-onboarding-container[b-7bplzavwyy]  input:-webkit-autofill,
.ainna-onboarding-container[b-7bplzavwyy]  input:-webkit-autofill:hover,
.ainna-onboarding-container[b-7bplzavwyy]  input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #f7f6f4 inset;
    box-shadow: 0 0 0 1000px #f7f6f4 inset;
    -webkit-text-fill-color: var(--text-heading);
    caret-color: var(--text-heading);
    transition: background-color 99999s ease-in-out 0s;
}

.ainna-aside-header[b-7bplzavwyy] {
    padding-bottom: 16px;
    margin-bottom: 18px;
}

.ainna-next-steps[b-7bplzavwyy] {
    gap: 14px;
}

.ainna-next-step strong[b-7bplzavwyy] {
    font-size: 14px;
    margin-bottom: 1px;
}

.ainna-next-step p[b-7bplzavwyy] {
    font-size: 13px;
    line-height: 1.45;
}

.ainna-aside-section[b-7bplzavwyy] {
    margin-bottom: 20px;
    padding-bottom: 18px;
}

.ainna-step-ring.ring-active[b-7bplzavwyy],
.ainna-step-ring.ring-optional[b-7bplzavwyy] {
    background: #fff;
    border: 2px solid var(--accent);
}

    .ainna-step-ring.ring-active span[b-7bplzavwyy],
    .ainna-step-ring.ring-optional span[b-7bplzavwyy] {
        color: var(--accent);
    }

.ainna-step-ring.ring-done[b-7bplzavwyy] {
    background: var(--accent);
    border: 2px solid var(--accent);
}

    .ainna-step-ring.ring-done span[b-7bplzavwyy],
    .ainna-step-ring.ring-done i[b-7bplzavwyy] {
        color: #fff;
    }

.ainna-next-steps[b-7bplzavwyy] {
    position: relative;
    gap: 16px;
}

.ainna-next-step[b-7bplzavwyy] {
    gap: 0;
}

    .ainna-next-step .ainna-step-marker[b-7bplzavwyy] {
        display: none;
    }

    .ainna-next-step strong[b-7bplzavwyy] {
        display: inline-flex;
        align-items: center;
        margin: 0 0 6px;
        padding: 4px 11px;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-pill);
        background: #f5f3f0;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--text-heading);
    }

    .ainna-next-step p[b-7bplzavwyy] {
        font-size: 13.5px;
        line-height: 1.45;
        color: var(--text-secondary);
    }

.ainna-aside-ready .ainna-aside-text strong[b-7bplzavwyy] {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text-heading);
}

.ainna-aside > .ainna-aside-header-title[b-7bplzavwyy] {
    margin: 0 0 20px;
}

.ainna-aside > .ainna-next-steps[b-7bplzavwyy] {
    gap: 18px;
}

.ainna-next-step[b-7bplzavwyy] {
    display: block;
}

    .ainna-next-step strong[b-7bplzavwyy] {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin: 0 0 7px;
        padding: 3px 10px 3px 8px;
        border: 1px solid var(--ink-soft);
        border-radius: var(--radius-pill);
        background: transparent;
        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: 0.09em;
        line-height: 1.5;
        text-transform: uppercase;
        color: var(--text-heading);
    }

        .ainna-next-step strong i[b-7bplzavwyy] {
            font-style: normal;
            font-weight: 600;
            letter-spacing: 0.04em;
            color: var(--accent);
        }

    .ainna-next-step p[b-7bplzavwyy] {
        margin: 0;
        font-size: 13.5px;
        line-height: 1.5;
        color: var(--text-secondary);
    }

.ainna-aside-nudge[b-7bplzavwyy] {
    margin: 24px 0 0;
    padding-top: 18px;
    border-top: 1px solid var(--aside-rule);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text-heading);
}

.ainna-privacy-line[b-7bplzavwyy] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 8px;
    max-width: 34em;
    margin: 18px auto 0;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    color: var(--text-secondary);
}

    .ainna-privacy-line i[b-7bplzavwyy] {
        font-size: 11px;
        color: var(--text-tertiary);
    }

    .ainna-privacy-line b[b-7bplzavwyy] {
        font-weight: 600;
        color: var(--text-heading);
    }

.ainna-dd[b-7bplzavwyy] {
    position: relative;
    width: 100%;
}

.ainna-dd-trigger[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
    cursor: pointer;
}

    .ainna-dd-trigger:not(.filled) .ainna-dd-value[b-7bplzavwyy] {
        color: var(--text-tertiary);
    }

.ainna-dd-chev[b-7bplzavwyy] {
    flex: none;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: var(--text-secondary);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.18s ease;
}

.ainna-dd.is-open .ainna-dd-chev[b-7bplzavwyy] {
    transform: rotate(180deg);
}

.ainna-dd.is-open .ainna-dd-trigger[b-7bplzavwyy] {
    border-color: var(--text-heading);
    background: #fff;
}

.ainna-dd-panel[b-7bplzavwyy] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 6px;
    margin: 0;
    padding: 8px;
    list-style: none;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(20, 15, 50, 0.06), 0 24px 48px -16px rgba(20, 15, 50, 0.28);
    animation: ainna-dd-in-b-7bplzavwyy 0.16s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

@keyframes ainna-dd-in-b-7bplzavwyy {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.ainna-dd-opt[b-7bplzavwyy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 38px;
    padding: 0 12px;
    border-radius: 9px;
    font-size: 14px;
    color: var(--text-heading);
    cursor: pointer;
    user-select: none;
}

    .ainna-dd-opt.is-active[b-7bplzavwyy] {
        background: #f3f1ee;
    }

    .ainna-dd-opt.is-selected[b-7bplzavwyy] {
        font-weight: 600;
    }

    .ainna-dd-opt svg[b-7bplzavwyy] {
        flex: none;
        width: 16px;
        height: 16px;
        fill: none;
        stroke: var(--accent);
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.ainna-card:has(.ainna-dd.is-open)[b-7bplzavwyy] {
    overflow: visible;
    z-index: 5;
}

@media (max-width: 640px) {
    .ainna-dd-panel[b-7bplzavwyy] {
        grid-template-columns: minmax(0, 1fr);
        max-height: 60vh;
        overflow-y: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ainna-dd-panel[b-7bplzavwyy] {
        animation: none;
    }

    .ainna-dd-chev[b-7bplzavwyy] {
        transition: none;
    }
}

.ainna-privacy-line[b-7bplzavwyy] {
    max-width: none;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .ainna-privacy-line[b-7bplzavwyy] {
        white-space: normal;
    }
}
/* /Components/AinnaPages/ProblemsArchive.razor.rz.scp.css */
.nl[b-hps0kz1r8u] {
    --paper-0: #F0F2F5;
    --paper-1: #FAFBFC;
    --paper-2: #E5E8ED;
    --ink-0: #0F141B;
    --ink-1: #414A57;
    --ink-2: #616B79;
    --rule: #C6CCD5;
    --rule-soft: #DCE0E6;
    --wash: #DFE3F1;
    --sheet: #FFFFFF;
    --sheet-rule: #DDD7EA;
    --sheet-well: #F5F3FA;
    --sheet-2: #F3F0F9;
    --accent: #8929FF;
    --accent-tint: #F0E5FF;
    --on-accent: #FFFFFF;
    --accent-dark: #D0A6FF;
    --accent-tint-dark: #331A55;
    --on-accent-dark: #160A2E;
    --no: #B8163F;
    --no-tint: #F8DFE6;
    --hold: #1A7A52;
    --hold-tint: #DDEFE5;
    --reframe: #8F5E00;
    --reframe-tint: #F6EBD2;
    --focus: var(--accent);
    --glow: 137,41,255;
    --f-display: "Archivo","Helvetica Neue",Arial,sans-serif;
    --f-ui: "IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;
    --f-mono: "IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;
    --max: 112rem;
    --gutter: clamp(1rem,3vw,3rem);
    color-scheme: light;
    background: var(--paper-0);
    color: var(--ink-0);
    font-family: var(--f-ui);
    font-size: 17px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
}

@media (prefers-color-scheme:dark) {
    .nl:not([data-theme="light"])[b-hps0kz1r8u] {
        --paper-0: #0C1017;
        --paper-1: #151A22;
        --paper-2: #07090D;
        --ink-0: #E8ECF1;
        --ink-1: #A8B1BD;
        --ink-2: #7B8593;
        --rule: #29303B;
        --rule-soft: #1B2129;
        --wash: #070B1C;
        --sheet: #241F35;
        --sheet-rule: #3E3757;
        --sheet-well: #151223;
        --sheet-2: #1B1729;
        --accent: #D0A6FF;
        --accent-tint: #331A55;
        --on-accent: #160A2E;
        --no: #F05C73;
        --no-tint: #33151B;
        --hold: #4FC993;
        --hold-tint: #10291E;
        --reframe: #E5B54A;
        --reframe-tint: #2E2410;
        color-scheme: dark;
    }
}

.nl[data-theme="dark"][b-hps0kz1r8u] {
    --paper-0: #0C1017;
    --paper-1: #151A22;
    --paper-2: #07090D;
    --ink-0: #E8ECF1;
    --ink-1: #A8B1BD;
    --ink-2: #7B8593;
    --rule: #29303B;
    --rule-soft: #1B2129;
    --wash: #070B1C;
    --sheet: #241F35;
    --sheet-rule: #3E3757;
    --sheet-well: #151223;
    --sheet-2: #1B1729;
    --accent: #D0A6FF;
    --accent-tint: #331A55;
    --on-accent: #160A2E;
    --no: #F05C73;
    --no-tint: #33151B;
    --hold: #4FC993;
    --hold-tint: #10291E;
    --reframe: #E5B54A;
    --reframe-tint: #2E2410;
    color-scheme: dark;
}

.nl-ink[b-hps0kz1r8u] {
    --paper-0: #0C1017;
    --paper-1: #151A22;
    --paper-2: #07090D;
    --ink-0: #E8ECF1;
    --ink-1: #A8B1BD;
    --ink-2: #7B8593;
    --rule: #29303B;
    --rule-soft: #1B2129;
    --wash: #070B1C;
    --accent: #D0A6FF;
    --accent-tint: #331A55;
    --on-accent: #160A2E;
    --no: #F05C73;
    --no-tint: #33151B;
    --hold: #4FC993;
    --hold-tint: #10291E;
    --reframe: #E5B54A;
    --reframe-tint: #2E2410;
    color-scheme: dark;
    background: var(--paper-0);
    color: var(--ink-0);
}

.nl[b-hps0kz1r8u]  *, .nl[b-hps0kz1r8u]  *::before, .nl[b-hps0kz1r8u]  *::after {
    box-sizing: border-box
}

:where(.nl) a[b-hps0kz1r8u] {
    color: var(--accent);
    text-decoration: none
}

    :where(.nl) a:hover[b-hps0kz1r8u] {
        text-decoration: underline;
        text-underline-offset: .15em
    }

:where(.nl) button[b-hps0kz1r8u] {
    font: inherit;
    cursor: pointer;
    color: inherit
}

.nl[b-hps0kz1r8u]  :focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px
}

.nl h1:focus[b-hps0kz1r8u], .nl h1:focus-visible[b-hps0kz1r8u], .nl h2:focus[b-hps0kz1r8u], .nl h2:focus-visible[b-hps0kz1r8u] {
    outline: none;
    box-shadow: none
}

:where(.nl) img[b-hps0kz1r8u] {
    max-width: 100%;
    height: auto
}

:where(.nl) h1[b-hps0kz1r8u], :where(.nl) h2[b-hps0kz1r8u], :where(.nl) h3[b-hps0kz1r8u], :where(.nl) h4[b-hps0kz1r8u] {
    font-family: var(--f-display);
    text-wrap: balance;
    margin: 0;
    color: var(--ink-0)
}

:where(.nl) h1[b-hps0kz1r8u] {
    font-size: clamp(2.75rem,6.2vw,5rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: .98
}

.nl-h1-then[b-hps0kz1r8u] {
    display: block;
    font-size: .48em;
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.05;
    color: var(--ink-1);
    margin-top: .32em
}

.nl-kern[b-hps0kz1r8u] {
    letter-spacing: .025em
}

:where(.nl) h2[b-hps0kz1r8u] {
    font-size: clamp(1.9rem,3.6vw,2.75rem);
    font-weight: 700;
    letter-spacing: -.028em;
    line-height: 1.06
}

:where(.nl) h3[b-hps0kz1r8u] {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1.2
}

:where(.nl) p[b-hps0kz1r8u] {
    margin: 0
}

:where(.nl) ul[b-hps0kz1r8u] {
    margin: 0;
    padding: 0;
    list-style: none
}

.nl-sr[b-hps0kz1r8u] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap
}

.nl-skip[b-hps0kz1r8u] {
    position: fixed;
    left: -200vw;
    top: .7rem;
    z-index: 60;
    padding: .55rem .9rem;
    background: var(--paper-1);
    color: var(--ink-0);
    border: 1px solid var(--rule);
    border-radius: 6px;
    font-weight: 600;
    font-size: .9rem
}

    .nl-skip:focus[b-hps0kz1r8u] {
        left: 1rem;
        outline: 2px solid var(--focus);
        outline-offset: 2px
    }

.nl-eb[b-hps0kz1r8u] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--accent)
}

.nl-mono[b-hps0kz1r8u] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .04em;
    color: var(--ink-2)
}

.nl-sec--judge .nl-eb[b-hps0kz1r8u], .nl-sec--principle .nl-eb[b-hps0kz1r8u] {
    color: color-mix(in srgb,var(--accent) 78%,var(--ink-0))
}

.nl-deck[b-hps0kz1r8u] {
    font-size: 1.2rem;
    line-height: 1.5;
    color: var(--ink-1);
    max-width: 34rem
}

.nl-body[b-hps0kz1r8u] {
    color: var(--ink-1);
    max-width: 41rem
}

.nl-tag[b-hps0kz1r8u] {
    display: inline-block;
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .13em;
    text-transform: uppercase;
    padding: .2rem .45rem;
    vertical-align: middle
}

.nl-tag--new[b-hps0kz1r8u] {
    background: var(--accent-tint);
    color: var(--accent)
}

.nl-tag--no[b-hps0kz1r8u] {
    background: var(--no-tint);
    color: var(--no)
}

.nl-sec--judge .nl-tag--no[b-hps0kz1r8u] {
    background: transparent;
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    gap: .45rem
}

    .nl-sec--judge .nl-tag--no[b-hps0kz1r8u]::before {
        content: "";
        width: .42rem;
        height: .42rem;
        border-radius: 50%;
        background: var(--no);
        flex: none
    }

.nl-btn[b-hps0kz1r8u] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-family: var(--f-ui);
    font-weight: 600;
    font-size: .92rem;
    padding: .72rem 1.2rem;
    border: 1px solid var(--accent);
    text-decoration: none !important;
    line-height: 1.2;
    transition: background .15s,color .15s
}

.nl-btn--1[b-hps0kz1r8u] {
    background: var(--accent);
    color: var(--on-accent) !important
}

    .nl-btn--1:hover[b-hps0kz1r8u] {
        background: color-mix(in srgb,var(--accent) 88%,var(--ink-0))
    }

.nl-btn--2[b-hps0kz1r8u] {
    background: transparent;
    color: var(--accent) !important
}

    .nl-btn--2:hover[b-hps0kz1r8u] {
        background: var(--accent-tint)
    }

.nl-wrap[b-hps0kz1r8u] {
    max-width: var(--max);
    margin: 0 auto;
    padding-inline: var(--gutter)
}

.nl-sec[b-hps0kz1r8u] {
    padding-block: clamp(3.5rem,7vw,6.5rem);
    border-top: 1px solid var(--rule-soft)
}

.nl-sec--wash[b-hps0kz1r8u] {
    background: var(--wash);
    border-block: 1px solid var(--rule)
}

    .nl-sec--wash + .nl-sec[b-hps0kz1r8u], .nl-sec--judge + .nl-sec[b-hps0kz1r8u], .nl-sec--meet + .nl-sec[b-hps0kz1r8u], .nl-sec--method + .nl-sec[b-hps0kz1r8u], .nl-sec--pricing + .nl-sec[b-hps0kz1r8u] {
        border-top: 0
    }

.nl-sec-head[b-hps0kz1r8u] {
    display: grid;
    gap: .9rem;
    margin-bottom: clamp(1.6rem,3vw,2.6rem);
    max-width: 44rem
}

.nl-pull[b-hps0kz1r8u] {
    font-family: var(--f-display);
    font-weight: 700;
    font-size: clamp(1.5rem,3.2vw,2.3rem);
    letter-spacing: -.028em;
    line-height: 1.1;
    border-left: 3px solid var(--accent);
    padding-left: 1.1rem;
    max-width: 40rem;
    color: var(--ink-0)
}

.nl-row[b-hps0kz1r8u] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem
}

.nl .nl-logo[b-hps0kz1r8u] {
    display: inline-block;
    height: 26px;
    width: auto;
    max-width: none;
    vertical-align: middle
}

.nl-nav[b-hps0kz1r8u] {
    position: sticky;
    top: 0;
    z-index: 20;
    background: transparent;
    border-bottom: 1px solid transparent;
    transition: background .25s,border-color .25s,backdrop-filter .25s
}

    .nl-nav.is-solid[b-hps0kz1r8u] {
        background: color-mix(in srgb,var(--paper-0) 86%,transparent);
        border-bottom-color: var(--rule-soft);
        backdrop-filter: blur(12px) saturate(1.2);
        -webkit-backdrop-filter: blur(12px) saturate(1.2)
    }

.nl-sec--hero[b-hps0kz1r8u] {
    margin-top: calc(-3.75rem - 1px)
}

.nl-nav-in[b-hps0kz1r8u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.75rem
}

.nl-brand[b-hps0kz1r8u] {
    display: flex;
    align-items: center;
    gap: .75rem;
    text-decoration: none !important;
    color: var(--ink-0)
}

.nl-menu[b-hps0kz1r8u] {
    display: none;
    gap: 1.5rem
}

    .nl-menu a[b-hps0kz1r8u] {
        font-weight: 500;
        font-size: .9rem;
        color: var(--ink-1);
        white-space: nowrap
    }

        .nl-menu a:hover[b-hps0kz1r8u] {
            color: var(--ink-0);
            text-decoration: none
        }

@media(min-width:880px) {
    .nl-menu[b-hps0kz1r8u] {
        display: flex
    }
}

.nl-nav .nl-btn[b-hps0kz1r8u] {
    padding: .5rem .95rem;
    font-size: .84rem;
    white-space: nowrap
}

.nl-ref[b-hps0kz1r8u] {
    background: var(--accent-tint);
    color: var(--ink-0);
    font-size: .9rem;
    padding: .6rem var(--gutter);
    text-align: center;
    border-bottom: 1px solid var(--rule-soft)
}

.nl-card[b-hps0kz1r8u] {
    border: 1px solid var(--rule);
    background: var(--paper-1);
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
    container-type: inline-size;
    cursor: pointer;
    transition: border-color .15s,transform .15s
}

    .nl-card:hover[b-hps0kz1r8u], .nl-card.is-open[b-hps0kz1r8u] {
        border-color: var(--ink-0)
    }

@media(hover:hover) {
    .nl-card:hover:not(.is-open)[b-hps0kz1r8u] {
        transform: translateY(-2px)
    }
}

.nl-card[hidden][b-hps0kz1r8u] {
    display: none
}

.nl-card-top[b-hps0kz1r8u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .6rem;
    min-height: 1.35rem;
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ink-2)
}

    .nl-card-top > span:first-child[b-hps0kz1r8u] {
        display: inline-flex;
        align-items: center
    }

    .nl-card-top i[b-hps0kz1r8u] {
        font-style: normal;
        color: var(--ink-1)
    }

.nl-card-title[b-hps0kz1r8u] {
    font-family: var(--f-display);
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: -.02em;
    line-height: 1.15
}

.nl-card-tg[b-hps0kz1r8u] {
    all: unset;
    display: block;
    width: 100%;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-align: left
}

    .nl-card-tg:focus-visible[b-hps0kz1r8u] {
        outline: 2px solid var(--focus);
        outline-offset: 3px;
        border-radius: 3px
    }

.nl-card-stmt[b-hps0kz1r8u] {
    font-family: var(--f-ui);
    font-size: .9rem;
    line-height: 1.5;
    color: var(--ink-1)
}

.nl-card-more[b-hps0kz1r8u] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    margin-block: -.25rem;
    transition: grid-template-rows .38s cubic-bezier(.2,.7,.2,1),opacity .28s ease,margin .38s cubic-bezier(.2,.7,.2,1)
}

    .nl-card-more > div[b-hps0kz1r8u] {
        min-height: 0;
        overflow: hidden;
        display: grid;
        gap: .35rem
    }

.nl-card.is-open .nl-card-more[b-hps0kz1r8u] {
    grid-template-rows: 1fr;
    opacity: 1;
    margin-block: 0
}

.nl-kv[b-hps0kz1r8u] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    line-height: 1.55;
    color: var(--ink-2)
}

    .nl-kv b[b-hps0kz1r8u] {
        display: block;
        color: var(--ink-1);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06em;
        font-size: .6875rem
    }

.nl-card-act[b-hps0kz1r8u] {
    margin-top: auto;
    padding-top: .25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem 1rem
}

.nl-more[b-hps0kz1r8u] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--accent);
    text-decoration: none
}

    .nl-more:hover[b-hps0kz1r8u] {
        text-decoration: underline;
        text-underline-offset: .2em
    }

.nl-card-foot[b-hps0kz1r8u] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .7rem;
    padding-top: .6rem;
    border-top: 1px solid var(--rule-soft)
}

.nl-cmeta[b-hps0kz1r8u] {
    display: flex;
    flex-wrap: nowrap;
    gap: .35rem .8rem;
    align-items: center;
    font-family: var(--f-mono);
    font-size: .6875rem;
    color: var(--ink-1);
    min-width: 0
}

    .nl-cmeta > span[b-hps0kz1r8u] {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        white-space: nowrap
    }

.nl-ic[b-hps0kz1r8u] {
    width: .8rem;
    height: .8rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: var(--ink-2);
    flex: none
}

.nl-ic--dom[b-hps0kz1r8u] {
    width: .9rem;
    height: .9rem;
    margin-right: .4rem;
    vertical-align: -2px
}

.nl-lvl[b-hps0kz1r8u] {
    display: inline-flex;
    align-items: flex-end;
    gap: 2px;
    height: .7rem
}

    .nl-lvl i[b-hps0kz1r8u] {
        display: block;
        width: 3px;
        background: var(--rule)
    }

        .nl-lvl i:nth-child(1)[b-hps0kz1r8u] {
            height: 35%
        }

        .nl-lvl i:nth-child(2)[b-hps0kz1r8u] {
            height: 65%
        }

        .nl-lvl i:nth-child(3)[b-hps0kz1r8u] {
            height: 100%
        }

    .nl-lvl[data-l="1"] i:nth-child(1)[b-hps0kz1r8u], .nl-lvl[data-l="2"] i:nth-child(-n+2)[b-hps0kz1r8u], .nl-lvl[data-l="3"] i[b-hps0kz1r8u] {
        background: var(--ink-0)
    }

.nl-take[b-hps0kz1r8u] {
    display: inline-block;
    font-family: var(--f-ui);
    font-weight: 600;
    font-size: .78rem;
    color: var(--ink-1);
    background: transparent;
    border: 1px solid var(--rule);
    padding: .4rem .75rem;
    white-space: nowrap;
    text-decoration: none !important;
    transition: background .15s,color .15s,border-color .15s
}

.nl-card:hover .nl-take[b-hps0kz1r8u] {
    border-color: var(--accent);
    color: var(--accent)
}

.nl-take:hover[b-hps0kz1r8u] {
    background: var(--accent);
    color: var(--on-accent) !important;
    border-color: var(--accent)
}

.nl-idx-tools[b-hps0kz1r8u] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    margin-bottom: 1.2rem
}

.nl-chip[b-hps0kz1r8u] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .3rem .55rem;
    border: 1px solid var(--rule);
    background: transparent;
    color: var(--ink-1);
    line-height: 1.2
}

    .nl-chip[aria-pressed="true"][b-hps0kz1r8u] {
        background: var(--ink-0);
        color: var(--paper-0);
        border-color: var(--ink-0)
    }

.nl-search[b-hps0kz1r8u] {
    flex: 1 1 14rem;
    max-width: 22rem;
    font: inherit;
    font-size: .9rem;
    padding: .42rem .7rem;
    border: 1px solid var(--rule);
    background: var(--paper-1);
    color: var(--ink-0)
}

.nl-entries[b-hps0kz1r8u] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(auto-fill,minmax(20rem,1fr));
    align-content: start;
    transition: min-height .2s
}

.nl-noresults[b-hps0kz1r8u] {
    grid-column: 1/-1;
    padding: .4rem 0
}

    .nl-noresults:empty[b-hps0kz1r8u] {
        display: none
    }

.nl-idx-foot[b-hps0kz1r8u] {
    text-align: right;
    margin-top: 1.1rem;
    font-family: var(--f-mono);
    font-size: .72rem;
    letter-spacing: .04em;
    color: var(--ink-2)
}

    .nl-idx-foot a[b-hps0kz1r8u] {
        color: var(--accent);
        font-weight: 500;
        text-decoration: none
    }

        .nl-idx-foot a:hover[b-hps0kz1r8u] {
            text-decoration: underline;
            text-underline-offset: .2em
        }

.nl-entries .nl-card[b-hps0kz1r8u] {
    cursor: pointer
}

.nl-scopes-note[b-hps0kz1r8u] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-top: 2.6rem;
    border-top: 1px solid var(--rule);
    padding-top: 1.6rem;
    max-width: 64rem
}

    .nl-scopes-note .nl-ic[b-hps0kz1r8u] {
        flex: none;
        width: 1.3rem;
        height: 1.3rem;
        color: var(--accent);
        margin-top: .2rem
    }

    .nl-scopes-note p[b-hps0kz1r8u] {
        font-size: .95rem;
        line-height: 1.6;
        color: var(--ink-1)
    }

    .nl-scopes-note b[b-hps0kz1r8u] {
        color: var(--ink-0);
        font-weight: 600
    }

    .nl-scopes-note a[b-hps0kz1r8u] {
        font-weight: 600
    }

.nl-subscribe[b-hps0kz1r8u] {
    margin-top: 2rem;
    border-top: 1px solid var(--rule);
    padding-top: 1.4rem;
    display: grid;
    gap: .8rem;
    max-width: 40rem
}

    .nl-subscribe[b-hps0kz1r8u]  form {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem
    }

    .nl-subscribe[b-hps0kz1r8u]  input[type="email"] {
        flex: 1 1 14rem;
        font: inherit;
        font-size: .92rem;
        padding: .6rem .8rem;
        border: 1px solid var(--rule);
        background: var(--paper-1);
        color: var(--ink-0)
    }

.nl-ok[b-hps0kz1r8u] {
    color: var(--hold);
    font-weight: 500
}

.nl-subscribe .nl-mono[b-hps0kz1r8u] {
    font-size: .78rem;
    color: var(--ink-1)
}

.nl-err[b-hps0kz1r8u] {
    font-size: .86rem;
    color: var(--no)
}

.nl[b-hps0kz1r8u]  .nl-err--live {
    flex-basis: 100%;
    margin: 0;
    font-size: .82rem;
    line-height: 1.4;
    color: var(--no);
    display: flex;
    align-items: center;
    gap: .45rem;
    animation: nl-err-in-b-hps0kz1r8u .22s ease-out
}

    .nl[b-hps0kz1r8u]  .nl-err--live[hidden] {
        display: none
    }

    .nl[b-hps0kz1r8u]  .nl-err--live::before {
        content: "";
        width: .45rem;
        height: .45rem;
        border-radius: 50%;
        background: var(--no);
        flex: none
    }

.nl[b-hps0kz1r8u]  input[type="email"].is-invalid {
    border-color: var(--no) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--no) 22%,transparent)
}

    .nl[b-hps0kz1r8u]  input[type="email"].is-invalid:focus {
        outline-color: var(--no) !important
    }

@keyframes nl-err-in-b-hps0kz1r8u {
    from {
        opacity: 0;
        transform: translateY(-3px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.nl-extra[b-hps0kz1r8u] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.nl-sticky[b-hps0kz1r8u] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    padding: .6rem var(--gutter);
    background: var(--paper-0);
    border-top: 1px solid var(--rule);
    display: none;
    justify-content: space-between;
    align-items: center;
    gap: .8rem
}

    .nl-sticky.is-on[b-hps0kz1r8u] {
        display: flex
    }

@media(min-width:1000px) {
    .nl-sticky.is-on[b-hps0kz1r8u] {
        display: none
    }
}

.nl-sticky span[b-hps0kz1r8u] {
    font-size: .82rem;
    color: var(--ink-1)
}

@keyframes nl-rise-b-hps0kz1r8u {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.nl-js .nl-state > *[b-hps0kz1r8u], .nl-js .nl-stack[b-hps0kz1r8u] {
    opacity: 0
}

.nl-js.nl-fonts .nl-state > *[b-hps0kz1r8u], .nl-js.nl-fonts .nl-stack[b-hps0kz1r8u] {
    animation: nl-rise-b-hps0kz1r8u .7s cubic-bezier(.2,.7,.2,1) both
}

@media(prefers-reduced-motion:reduce) {
    .nl-js .nl-state > *[b-hps0kz1r8u], .nl-js .nl-stack[b-hps0kz1r8u] {
        opacity: 1
    }
}

.nl-state .nl-eb[b-hps0kz1r8u] {
    animation-delay: .05s
}

.nl-state h1[b-hps0kz1r8u] {
    animation-delay: .16s
}

.nl-state .nl-deck[b-hps0kz1r8u] {
    animation-delay: .3s
}

.nl-state .nl-row[b-hps0kz1r8u] {
    animation-delay: .42s
}

.nl-state .nl-hero-meta[b-hps0kz1r8u] {
    animation-delay: .5s
}

.nl-stack[b-hps0kz1r8u] {
    animation-delay: .58s
}

@media(prefers-reduced-motion:reduce) {
    .nl *[b-hps0kz1r8u] {
        animation: none !important;
        transition: none !important
    }
}

.nl-btn[b-hps0kz1r8u] {
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
    transition: background .15s,color .15s,transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s
}

.nl-btn--1:hover[b-hps0kz1r8u] {
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 8px 18px -8px rgba(2,4,9,.55)
}

.nl-btn--2[b-hps0kz1r8u] {
    box-shadow: none
}

    .nl-btn--2:hover[b-hps0kz1r8u] {
        transform: translateY(-1px);
        box-shadow: 0 8px 18px -10px rgba(2,4,9,.45)
    }

.nl-btn:active[b-hps0kz1r8u] {
    transform: translateY(0);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}

.nl-take[b-hps0kz1r8u] {
    border-radius: 6px
}

    .nl-take:hover[b-hps0kz1r8u] {
        box-shadow: 0 6px 14px -8px rgba(2,4,9,.5)
    }

.nl-chip[b-hps0kz1r8u] {
    border-radius: 4px
}

.nl-tag[b-hps0kz1r8u] {
    border-radius: 3px
}

.nl-search[b-hps0kz1r8u], .nl-subscribe[b-hps0kz1r8u]  input[type="email"], .nl-dlg[b-hps0kz1r8u]  .nl-em input[type="email"] {
    border-radius: 6px
}

.nl-card[b-hps0kz1r8u], .nl-step[b-hps0kz1r8u], .nl-door[b-hps0kz1r8u], .nl-plan[b-hps0kz1r8u], .nl-out[b-hps0kz1r8u], .nl-inst[b-hps0kz1r8u], .nl-sent[b-hps0kz1r8u] {
    border-radius: 6px
}

.nl-shot[b-hps0kz1r8u], .nl-doc[b-hps0kz1r8u] {
    border-radius: 10px
}

    .nl-shot > img[b-hps0kz1r8u] {
        border-radius: 6px
    }

.nl-lvl i[b-hps0kz1r8u] {
    border-radius: 1px
}

.nl .nl-sec--radar[b-hps0kz1r8u] {
    --paper-0: #140F26;
    --paper-1: #262043;
    --paper-2: #0C0919;
    --ink-0: #EEEAF8;
    --ink-1: #BDB6D3;
    --ink-2: #8F88AB;
    --rule: #3E3766;
    --rule-soft: #2F2853;
    --wash: #0F0B1F;
    --accent: #D0A6FF;
    --accent-tint: #36215C;
    --on-accent: #160A2E;
    color: var(--ink-0);
    background: radial-gradient(ellipse 70% 52% at 50% -8%,rgba(var(--glow),.36),transparent 70%), repeating-radial-gradient(circle at 50% -8%,transparent 0 118px,color-mix(in srgb,var(--accent) 6%,transparent) 118px 119px), var(--paper-0);
    border-top: 1px solid color-mix(in srgb,var(--accent) 42%,transparent);
}

    .nl .nl-sec--radar .nl-card[b-hps0kz1r8u] {
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05),0 16px 32px -20px rgba(0,0,0,.75)
    }

        .nl .nl-sec--radar .nl-card:hover[b-hps0kz1r8u] {
            border-color: color-mix(in srgb,var(--accent) 55%,var(--rule))
        }

    .nl .nl-sec--radar .nl-chip[aria-pressed="true"][b-hps0kz1r8u] {
        background: var(--accent);
        color: var(--on-accent);
        border-color: var(--accent)
    }

.nl .nl-sec[b-hps0kz1r8u] {
    position: relative
}

    .nl .nl-sec[b-hps0kz1r8u]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: none
    }

.nl-live[b-hps0kz1r8u] {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: var(--accent);
    margin-right: .5rem;
    vertical-align: middle;
    position: relative;
    top: -.05em;
    box-shadow: 0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)
}

@keyframes nl-live-b-hps0kz1r8u {
    0% {
        box-shadow: 0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)
    }

    70% {
        box-shadow: 0 0 0 .6rem color-mix(in srgb,var(--accent) 0%,transparent)
    }

    100% {
        box-shadow: 0 0 0 0 color-mix(in srgb,var(--accent) 0%,transparent)
    }
}

@media (prefers-reduced-motion:no-preference) {
    .nl-live[b-hps0kz1r8u] {
        animation: nl-live-b-hps0kz1r8u 2.4s cubic-bezier(.2,.7,.2,1) infinite
    }
}

.nl-hl[b-hps0kz1r8u] {
    color: var(--accent)
}

.nl-sec--index[b-hps0kz1r8u] {
    margin-top: calc(-3.75rem - 1px);
    padding-top: calc(3.75rem + 1px + clamp(3rem,6vw,5rem))
}

    .nl-sec--index .nl-sec-head h1[b-hps0kz1r8u] {
        font-size: clamp(2.4rem,4.6vw,4rem);
        font-weight: 800;
        letter-spacing: -.035em;
        line-height: 1
    }

.nl-idx-meta[b-hps0kz1r8u] {
    margin-top: .7rem
}

.nl-idx-sub[b-hps0kz1r8u] {
    margin-top: 2rem;
    border-top: 1px solid var(--rule);
    padding-top: 1.4rem;
    font-size: .95rem;
    color: var(--ink-1)
}

    .nl-idx-sub a[b-hps0kz1r8u] {
        font-weight: 600
    }

.nl-menu a[aria-current="page"][b-hps0kz1r8u] {
    color: var(--ink-0)
}

.nl .nl-sec--index .nl-entries[b-hps0kz1r8u] {
    display: block;
    max-width: 68rem;
    min-height: 0 !important;
    border-top: 1px solid var(--rule)
}

.nl .nl-sec--index .nl-card.nl-feed[b-hps0kz1r8u] {
    --ink-0: #EEEAF8;
    --ink-1: #BDB6D3;
    --ink-2: #8F88AB;
    --rule: #3E3766;
    --accent: #D0A6FF;
    --accent-tint: #36215C;
    --on-accent: #160A2E;
    color-scheme: dark;
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr) auto;
    column-gap: clamp(1.2rem, 3vw, 2.6rem);
    align-items: start;
    margin: 0;
    padding: 1.7rem .4rem 1.6rem;
    border: 0;
    border-bottom: 1px solid var(--rule);
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: var(--ink-0);
    transition: background .15s
}

    .nl .nl-sec--index .nl-card.nl-feed:hover[b-hps0kz1r8u],
    .nl .nl-sec--index .nl-card.nl-feed.is-open[b-hps0kz1r8u] {
        border-color: var(--rule);
        background: rgba(255,255,255,.035)
    }

    .nl .nl-sec--index .nl-card.nl-feed[hidden][b-hps0kz1r8u] {
        display: none
    }

.nl .nl-feed-when[b-hps0kz1r8u] {
    display: grid;
    gap: .5rem;
    justify-items: start;
    padding-top: .35rem;
    font-family: var(--f-mono);
    font-size: .78rem;
    letter-spacing: .06em;
    color: var(--ink-2)
}

.nl .nl-feed-main[b-hps0kz1r8u] {
    display: grid;
    gap: .55rem;
    min-width: 0
}

.nl .nl-feed-dom[b-hps0kz1r8u] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
    font-family: var(--f-mono);
    font-size: .7rem;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--ink-2)
}

    .nl .nl-feed-dom .nl-ic[b-hps0kz1r8u] {
        width: .95rem;
        height: .95rem;
        color: var(--accent)
    }

.nl .nl-sec--index .nl-feed .nl-card-title[b-hps0kz1r8u],
.nl .nl-sec--index .nl-feed .nl-card-tg[b-hps0kz1r8u] {
    font-family: var(--f-display);
    font-size: clamp(1.45rem, 2.2vw, 1.95rem);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.08;
    text-align: left;
    color: var(--ink-0)
}

.nl .nl-sec--index .nl-feed .nl-card-stmt[b-hps0kz1r8u] {
    max-width: 46em;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--ink-1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden
}

.nl .nl-sec--index .nl-feed.is-open .nl-card-stmt[b-hps0kz1r8u] {
    display: block
}

.nl .nl-sec--index .nl-feed .nl-cmeta[b-hps0kz1r8u] {
    margin-top: .2rem;
    color: var(--ink-2)
}

.nl .nl-feed-act[b-hps0kz1r8u] {
    display: grid;
    gap: .6rem;
    justify-items: center;
    padding-top: .3rem
}

    .nl .nl-feed-act .nl-btn[b-hps0kz1r8u] {
        min-width: 8.5rem;
        justify-content: center
    }

    .nl .nl-feed-act .nl-more[b-hps0kz1r8u] {
        font-size: .84rem;
        color: var(--ink-2)
    }

@media (max-width: 760px) {
    .nl .nl-sec--index .nl-card.nl-feed[b-hps0kz1r8u] {
        grid-template-columns: minmax(0, 1fr);
        row-gap: .8rem
    }

    .nl .nl-feed-when[b-hps0kz1r8u] {
        display: flex;
        align-items: center;
        gap: .7rem;
        padding-top: 0
    }

    .nl .nl-feed-act[b-hps0kz1r8u] {
        display: flex;
        align-items: center;
        gap: 1.2rem;
        justify-items: start
    }
}

.nl[b-hps0kz1r8u] {
    --f-serif: "Source Serif 4","Source Serif Pro","IBM Plex Serif",Georgia,"Times New Roman",serif
}

    .nl .nl-sec--index-light[b-hps0kz1r8u] {
        background: var(--paper-0);
        color: var(--ink-0)
    }

    .nl .nl-sec--index .nl-card.nl-feed[b-hps0kz1r8u] {
        --ink-0: #0F141B;
        --ink-1: #414A57;
        --ink-2: #616B79;
        --rule: #D5D9E0;
        --accent: #8929FF;
        --accent-tint: #F0E5FF;
        --on-accent: #FFFFFF;
        color-scheme: light
    }

        .nl .nl-sec--index .nl-card.nl-feed:hover[b-hps0kz1r8u],
        .nl .nl-sec--index .nl-card.nl-feed.is-open[b-hps0kz1r8u] {
            background: rgba(15,20,27,.035)
        }

    .nl .nl-sec--index .nl-entries[b-hps0kz1r8u] {
        border-top-color: #D5D9E0
    }

    .nl .nl-sec--index .nl-feed .nl-card-title[b-hps0kz1r8u],
    .nl .nl-sec--index .nl-feed .nl-card-tg[b-hps0kz1r8u] {
        font-family: var(--f-serif);
        font-size: clamp(1.4rem, 2vw, 1.7rem);
        font-weight: 600;
        letter-spacing: -.015em;
        line-height: 1.16
    }

    .nl .nl-sec--index .nl-feed .nl-card-stmt[b-hps0kz1r8u] {
        font-family: var(--f-serif);
        font-size: 1.06rem;
        color: var(--ink-0)
    }

    .nl .nl-sec--index > .nl-wrap > *[b-hps0kz1r8u] {
        max-width: 68rem;
        margin-inline: auto
    }

    .nl .nl-sec--index .nl-idx-tools[b-hps0kz1r8u] {
        gap: .5rem;
        row-gap: .6rem;
        margin-bottom: 1.6rem
    }

    .nl .nl-sec--index .nl-search[b-hps0kz1r8u] {
        order: -1;
        flex: 0 0 100%;
        max-width: 44rem;
        min-height: 3rem;
        margin-bottom: .5rem;
        padding: 0 1rem;
        border-radius: 10px;
        background: #FFFFFF;
        font-size: 1rem
    }

    .nl .nl-eb[b-hps0kz1r8u],
    .nl .nl-tag[b-hps0kz1r8u],
    .nl .nl-chip[b-hps0kz1r8u],
    .nl .nl-card-top[b-hps0kz1r8u],
    .nl .nl-cmeta[b-hps0kz1r8u],
    .nl .nl-feed-dom[b-hps0kz1r8u],
    .nl .nl-pcard-dom[b-hps0kz1r8u],
    .nl .nl-pfacet-dt[b-hps0kz1r8u],
    .nl .nl-pv2-facts dt[b-hps0kz1r8u],
    .nl .nl-facet dt[b-hps0kz1r8u],
    .nl .nl-facet-dt[b-hps0kz1r8u] {
        font-weight: 600;
        letter-spacing: .1em
    }

    .nl .nl-idx-crumb a[b-hps0kz1r8u] {
        color: var(--accent);
        text-decoration: none
    }

        .nl .nl-idx-crumb a:hover[b-hps0kz1r8u] {
            text-decoration: underline;
            text-underline-offset: .2em
        }

    .nl .nl-idx-crumb span[b-hps0kz1r8u] {
        color: var(--ink-2)
    }

    .nl .nl-idx-note[b-hps0kz1r8u] {
        color: var(--ink-2);
        font-size: .95rem;
        margin-top: .4rem
    }

    .nl .nl-facets[b-hps0kz1r8u] {
        display: grid;
        gap: 1.6rem 2rem;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
        margin-top: 3rem;
        padding-top: 2rem;
        border-top: 1px solid var(--rule)
    }

    .nl .nl-facet-k[b-hps0kz1r8u] {
        font-size: .6875rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--ink-2);
        margin: 0 0 .7rem
    }

    .nl .nl-facets ul[b-hps0kz1r8u] {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: .35rem
    }

    .nl .nl-facets a[b-hps0kz1r8u] {
        color: var(--ink-1);
        text-decoration: none;
        font-size: .95rem
    }

        .nl .nl-facets a:hover[b-hps0kz1r8u] {
            color: var(--accent);
            text-decoration: underline;
            text-underline-offset: .2em
        }

    .nl .nl-arch-k[b-hps0kz1r8u] {
        font-size: .6875rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--ink-2);
        margin: 2.4rem 0 1rem
    }

    .nl .nl-arch-grid[b-hps0kz1r8u] {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr))
    }

    .nl .nl-arch-card[b-hps0kz1r8u] {
        border: 1px solid var(--rule);
        border-radius: 12px;
        padding: 1.1rem 1.2rem;
        background: var(--paper-1);
        display: grid;
        gap: .35rem;
        align-content: start
    }

        .nl .nl-arch-card h3[b-hps0kz1r8u] {
            font-size: 1.05rem;
            letter-spacing: -.015em
        }

            .nl .nl-arch-card h3 a[b-hps0kz1r8u] {
                color: var(--ink-0);
                text-decoration: none
            }

                .nl .nl-arch-card h3 a:hover[b-hps0kz1r8u] {
                    color: var(--accent)
                }

        .nl .nl-arch-card p[b-hps0kz1r8u] {
            font-size: .9rem;
            color: var(--ink-1);
            line-height: 1.5
        }

    .nl .nl-arch-n[b-hps0kz1r8u] {
        font-size: .8rem;
        color: var(--ink-2)
    }

    .nl .nl-arch[b-hps0kz1r8u] {
        display: grid;
        gap: 0;
        margin-top: 1.5rem
    }

    .nl .nl-arch-row[b-hps0kz1r8u] {
        display: grid;
        gap: .3rem 1.6rem;
        padding: 1.2rem 0;
        border-top: 1px solid var(--rule-soft)
    }

@media (min-width: 760px) {
    .nl .nl-arch-row[b-hps0kz1r8u] {
        grid-template-columns: 12rem 1fr
    }
}

.nl .nl-arch-when[b-hps0kz1r8u] {
    display: grid;
    gap: .1rem
}

    .nl .nl-arch-when b[b-hps0kz1r8u] {
        font-size: 1rem;
        color: var(--ink-0)
    }

    .nl .nl-arch-when span[b-hps0kz1r8u] {
        font-size: .85rem;
        color: var(--ink-2)
    }

.nl .nl-arch-what h2[b-hps0kz1r8u] {
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.45
}

    .nl .nl-arch-what h2 a[b-hps0kz1r8u] {
        color: var(--ink-0);
        text-decoration: none
    }

        .nl .nl-arch-what h2 a:hover[b-hps0kz1r8u] {
            color: var(--accent)
        }

.nl .nl-shr[b-hps0kz1r8u] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .5rem;
    align-items: center;
    margin: .9rem 0 0
}

.nl .nl-shr--pv[b-hps0kz1r8u] {
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid var(--rule-soft)
}

.nl .nl-shr-b[b-hps0kz1r8u] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .7rem;
    border: 1px solid var(--rule);
    border-radius: 99px;
    background: transparent;
    color: var(--ink-2);
    font: inherit;
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
    transition: color .15s, border-color .15s, background .15s
}

    .nl .nl-shr-b:hover[b-hps0kz1r8u] {
        color: var(--ink-0);
        border-color: var(--ink-2)
    }

    .nl .nl-shr-b:focus-visible[b-hps0kz1r8u] {
        outline: 2px solid var(--focus);
        outline-offset: 2px
    }

    .nl .nl-shr-b.is-done[b-hps0kz1r8u] {
        color: var(--hold);
        border-color: var(--hold)
    }

.nl .nl-shr-js[b-hps0kz1r8u] {
    display: none
}

.nl.nl-js .nl-shr-js[b-hps0kz1r8u] {
    display: inline-flex
}

@media (prefers-reduced-motion: reduce) {
    .nl .nl-shr-b[b-hps0kz1r8u] {
        transition: none
    }
}

.nl .nl-sec--index .nl-card.nl-feed[b-hps0kz1r8u] {
    padding-left: clamp(.4rem, 2vw, 1.6rem);
    padding-right: clamp(.4rem, 2vw, 1.6rem)
}

.nl .nl-sec--index .nl-feed .nl-shr[b-hps0kz1r8u] {
    margin-top: .8rem
}

.nl .nl-feed-src[b-hps0kz1r8u] {
    margin-top: .6rem;
    font-size: .85rem;
    line-height: 1.45;
    color: var(--ink-2)
}

    .nl .nl-feed-src a[b-hps0kz1r8u] {
        color: var(--accent);
        text-decoration: none;
        border-bottom: 1px solid color-mix(in srgb, var(--accent) 40%, transparent)
    }

        .nl .nl-feed-src a:hover[b-hps0kz1r8u] {
            border-bottom-color: currentColor
        }

.nl .nl-pv-src-lead[b-hps0kz1r8u] {
    margin-top: .9rem
}

.nl .nl-t-compact[b-hps0kz1r8u],
.nl .nl-t-full[b-hps0kz1r8u] {
    display: block
}

.nl .nl-t-compact[b-hps0kz1r8u] {
    font-family: var(--f-display);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.04;
    text-wrap: balance;
    color: var(--ink-0)
}

.nl .nl-t-full[b-hps0kz1r8u] {
    margin-top: .34em;
    font-family: var(--f-ui);
    font-size: .46em;
    font-weight: 500;
    letter-spacing: -.005em;
    line-height: 1.32;
    color: var(--ink-1);
    text-wrap: pretty
}

.nl .nl-sec--index .nl-feed .nl-card-title .nl-t-compact[b-hps0kz1r8u] {
    font-size: clamp(1.45rem, 2.5vw, 2rem)
}

.nl .nl-sec--index .nl-feed .nl-card-tg[b-hps0kz1r8u] {
    text-align: left
}

.nl .nl-pv-h1 .nl-t-compact[b-hps0kz1r8u] {
    font-size: clamp(2.1rem, 4.6vw, 3.4rem)
}

.nl .nl-pv-h1 .nl-t-full[b-hps0kz1r8u] {
    font-size: .34em;
    margin-top: .3em;
    color: var(--ink-1)
}

.nl .nl-pcard-title .nl-t-compact[b-hps0kz1r8u] {
    font-size: 1.12rem
}

.nl .nl-pcard-title .nl-t-full[b-hps0kz1r8u] {
    font-size: .8rem;
    margin-top: .28em
}

.nl .nl-feed-src--ed[b-hps0kz1r8u] {
    color: var(--ink-2);
    font-style: italic
}

.nl .nl-t-full[b-hps0kz1r8u] {
    font-size: .58em;
    font-weight: 500;
    color: var(--ink-1);
    margin-top: .3em
}

.nl .nl-sec--index .nl-feed .nl-card-title .nl-t-full[b-hps0kz1r8u] {
    font-size: 1.1rem;
    line-height: 1.35
}

.nl .nl-pv-h1 .nl-t-full[b-hps0kz1r8u] {
    font-size: .42em;
    margin-top: .26em
}

.nl .nl-pcard-title .nl-t-full[b-hps0kz1r8u] {
    font-size: .9rem
}

.nl .nl-prov[b-hps0kz1r8u] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-top: .6rem;
    font-size: .8rem;
    line-height: 1.4;
    color: var(--ink-2)
}

    .nl .nl-prov .nl-ic[b-hps0kz1r8u] {
        width: .95rem;
        height: .95rem;
        flex: none;
        color: var(--accent)
    }

    .nl .nl-prov a[b-hps0kz1r8u] {
        color: var(--ink-1);
        text-decoration: none;
        border-bottom: 1px solid color-mix(in srgb, var(--accent) 38%, transparent)
    }

        .nl .nl-prov a:hover[b-hps0kz1r8u] {
            color: var(--accent);
            border-bottom-color: currentColor
        }

.nl .nl-prov--ed[b-hps0kz1r8u] {
    color: var(--ink-2);
    font-style: italic
}

    .nl .nl-prov--ed .nl-ic[b-hps0kz1r8u] {
        color: var(--ink-2)
    }

.nl .nl-feed-src--ed .nl-ic[b-hps0kz1r8u] {
    width: .95rem;
    height: .95rem;
    margin-right: .35rem;
    vertical-align: -.15rem;
    color: var(--ink-2)
}

.nl .nl-sec--radar .nl-startc-title .nl-t-compact[b-hps0kz1r8u] {
    font-size: 1.42rem;
    font-family: var(--f-display);
    font-weight: 800;
    letter-spacing: -.028em;
    line-height: 1.08;
    color: #0F141B
}

.nl .nl-sec--radar .nl-startc-title .nl-t-full[b-hps0kz1r8u] {
    font-size: .95rem;
    font-weight: 500;
    font-family: var(--f-ui);
    line-height: 1.35;
    color: #414A57;
    margin-top: .3em
}

.nl .nl-sec--hero .nl-feat-title .nl-t-compact[b-hps0kz1r8u] {
    font-size: clamp(1.6rem, 2.4vw, 2.3rem);
    color: var(--ink-0)
}

.nl .nl-sec--hero .nl-feat-title .nl-t-full[b-hps0kz1r8u] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--ink-1);
    margin-top: .34em
}

/* /Components/AinnaPages/ProblemsIndex.razor.rz.scp.css */
.nl[b-7cr7vucgs2] {
    --paper-0: #F0F2F5;
    --paper-1: #FAFBFC;
    --paper-2: #E5E8ED;
    --ink-0: #0F141B;
    --ink-1: #414A57;
    --ink-2: #616B79;
    --rule: #C6CCD5;
    --rule-soft: #DCE0E6;
    --wash: #DFE3F1;
    --sheet: #FFFFFF;
    --sheet-rule: #DDD7EA;
    --sheet-well: #F5F3FA;
    --sheet-2: #F3F0F9;
    --accent: #8929FF;
    --accent-tint: #F0E5FF;
    --on-accent: #FFFFFF;
    --accent-dark: #D0A6FF;
    --accent-tint-dark: #331A55;
    --on-accent-dark: #160A2E;
    --no: #B8163F;
    --no-tint: #F8DFE6;
    --hold: #1A7A52;
    --hold-tint: #DDEFE5;
    --reframe: #8F5E00;
    --reframe-tint: #F6EBD2;
    --focus: var(--accent);
    --glow: 137,41,255;
    --f-display: "Archivo","Helvetica Neue",Arial,sans-serif;
    --f-ui: "IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;
    --f-mono: "IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;
    --max: 112rem;
    --gutter: clamp(1rem,3vw,3rem);
    color-scheme: light;
    background: var(--paper-0);
    color: var(--ink-0);
    font-family: var(--f-ui);
    font-size: 17px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
}

@media (prefers-color-scheme:dark) {
    .nl:not([data-theme="light"])[b-7cr7vucgs2] {
        --paper-0: #0C1017;
        --paper-1: #151A22;
        --paper-2: #07090D;
        --ink-0: #E8ECF1;
        --ink-1: #A8B1BD;
        --ink-2: #7B8593;
        --rule: #29303B;
        --rule-soft: #1B2129;
        --wash: #070B1C;
        --sheet: #241F35;
        --sheet-rule: #3E3757;
        --sheet-well: #151223;
        --sheet-2: #1B1729;
        --accent: #D0A6FF;
        --accent-tint: #331A55;
        --on-accent: #160A2E;
        --no: #F05C73;
        --no-tint: #33151B;
        --hold: #4FC993;
        --hold-tint: #10291E;
        --reframe: #E5B54A;
        --reframe-tint: #2E2410;
        color-scheme: dark;
    }
}

.nl[data-theme="dark"][b-7cr7vucgs2] {
    --paper-0: #0C1017;
    --paper-1: #151A22;
    --paper-2: #07090D;
    --ink-0: #E8ECF1;
    --ink-1: #A8B1BD;
    --ink-2: #7B8593;
    --rule: #29303B;
    --rule-soft: #1B2129;
    --wash: #070B1C;
    --sheet: #241F35;
    --sheet-rule: #3E3757;
    --sheet-well: #151223;
    --sheet-2: #1B1729;
    --accent: #D0A6FF;
    --accent-tint: #331A55;
    --on-accent: #160A2E;
    --no: #F05C73;
    --no-tint: #33151B;
    --hold: #4FC993;
    --hold-tint: #10291E;
    --reframe: #E5B54A;
    --reframe-tint: #2E2410;
    color-scheme: dark;
}

.nl-ink[b-7cr7vucgs2] {
    --paper-0: #0C1017;
    --paper-1: #151A22;
    --paper-2: #07090D;
    --ink-0: #E8ECF1;
    --ink-1: #A8B1BD;
    --ink-2: #7B8593;
    --rule: #29303B;
    --rule-soft: #1B2129;
    --wash: #070B1C;
    --accent: #D0A6FF;
    --accent-tint: #331A55;
    --on-accent: #160A2E;
    --no: #F05C73;
    --no-tint: #33151B;
    --hold: #4FC993;
    --hold-tint: #10291E;
    --reframe: #E5B54A;
    --reframe-tint: #2E2410;
    color-scheme: dark;
    background: var(--paper-0);
    color: var(--ink-0);
}

.nl[b-7cr7vucgs2]  *, .nl[b-7cr7vucgs2]  *::before, .nl[b-7cr7vucgs2]  *::after {
    box-sizing: border-box
}

:where(.nl) a[b-7cr7vucgs2] {
    color: var(--accent);
    text-decoration: none
}

    :where(.nl) a:hover[b-7cr7vucgs2] {
        text-decoration: underline;
        text-underline-offset: .15em
    }

:where(.nl) button[b-7cr7vucgs2] {
    font: inherit;
    cursor: pointer;
    color: inherit
}

.nl[b-7cr7vucgs2]  :focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px
}

.nl h1:focus[b-7cr7vucgs2], .nl h1:focus-visible[b-7cr7vucgs2], .nl h2:focus[b-7cr7vucgs2], .nl h2:focus-visible[b-7cr7vucgs2] {
    outline: none;
    box-shadow: none
}

:where(.nl) img[b-7cr7vucgs2] {
    max-width: 100%;
    height: auto
}

:where(.nl) h1[b-7cr7vucgs2], :where(.nl) h2[b-7cr7vucgs2], :where(.nl) h3[b-7cr7vucgs2], :where(.nl) h4[b-7cr7vucgs2] {
    font-family: var(--f-display);
    text-wrap: balance;
    margin: 0;
    color: var(--ink-0)
}

:where(.nl) h1[b-7cr7vucgs2] {
    font-size: clamp(2.75rem,6.2vw,5rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: .98
}

.nl-h1-then[b-7cr7vucgs2] {
    display: block;
    font-size: .48em;
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.05;
    color: var(--ink-1);
    margin-top: .32em
}

.nl-kern[b-7cr7vucgs2] {
    letter-spacing: .025em
}

:where(.nl) h2[b-7cr7vucgs2] {
    font-size: clamp(1.9rem,3.6vw,2.75rem);
    font-weight: 700;
    letter-spacing: -.028em;
    line-height: 1.06
}

:where(.nl) h3[b-7cr7vucgs2] {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1.2
}

:where(.nl) p[b-7cr7vucgs2] {
    margin: 0
}

:where(.nl) ul[b-7cr7vucgs2] {
    margin: 0;
    padding: 0;
    list-style: none
}

.nl-sr[b-7cr7vucgs2] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap
}

.nl-skip[b-7cr7vucgs2] {
    position: fixed;
    left: -200vw;
    top: .7rem;
    z-index: 60;
    padding: .55rem .9rem;
    background: var(--paper-1);
    color: var(--ink-0);
    border: 1px solid var(--rule);
    border-radius: 6px;
    font-weight: 600;
    font-size: .9rem
}

    .nl-skip:focus[b-7cr7vucgs2] {
        left: 1rem;
        outline: 2px solid var(--focus);
        outline-offset: 2px
    }

.nl-eb[b-7cr7vucgs2] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--accent)
}

.nl-mono[b-7cr7vucgs2] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .04em;
    color: var(--ink-2)
}

.nl-sec--judge .nl-eb[b-7cr7vucgs2], .nl-sec--principle .nl-eb[b-7cr7vucgs2] {
    color: color-mix(in srgb,var(--accent) 78%,var(--ink-0))
}

.nl-deck[b-7cr7vucgs2] {
    font-size: 1.2rem;
    line-height: 1.5;
    color: var(--ink-1);
    max-width: 34rem
}

.nl-body[b-7cr7vucgs2] {
    color: var(--ink-1);
    max-width: 41rem
}

.nl-tag[b-7cr7vucgs2] {
    display: inline-block;
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .13em;
    text-transform: uppercase;
    padding: .2rem .45rem;
    vertical-align: middle
}

.nl-tag--new[b-7cr7vucgs2] {
    background: var(--accent-tint);
    color: var(--accent)
}

.nl-tag--no[b-7cr7vucgs2] {
    background: var(--no-tint);
    color: var(--no)
}

.nl-sec--judge .nl-tag--no[b-7cr7vucgs2] {
    background: transparent;
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    gap: .45rem
}

    .nl-sec--judge .nl-tag--no[b-7cr7vucgs2]::before {
        content: "";
        width: .42rem;
        height: .42rem;
        border-radius: 50%;
        background: var(--no);
        flex: none
    }

.nl-btn[b-7cr7vucgs2] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-family: var(--f-ui);
    font-weight: 600;
    font-size: .92rem;
    padding: .72rem 1.2rem;
    border: 1px solid var(--accent);
    text-decoration: none !important;
    line-height: 1.2;
    transition: background .15s,color .15s
}

.nl-btn--1[b-7cr7vucgs2] {
    background: var(--accent);
    color: var(--on-accent) !important
}

    .nl-btn--1:hover[b-7cr7vucgs2] {
        background: color-mix(in srgb,var(--accent) 88%,var(--ink-0))
    }

.nl-btn--2[b-7cr7vucgs2] {
    background: transparent;
    color: var(--accent) !important
}

    .nl-btn--2:hover[b-7cr7vucgs2] {
        background: var(--accent-tint)
    }

.nl-wrap[b-7cr7vucgs2] {
    max-width: var(--max);
    margin: 0 auto;
    padding-inline: var(--gutter)
}

.nl-sec[b-7cr7vucgs2] {
    padding-block: clamp(3.5rem,7vw,6.5rem);
    border-top: 1px solid var(--rule-soft)
}

.nl-sec--wash[b-7cr7vucgs2] {
    background: var(--wash);
    border-block: 1px solid var(--rule)
}

    .nl-sec--wash + .nl-sec[b-7cr7vucgs2], .nl-sec--judge + .nl-sec[b-7cr7vucgs2], .nl-sec--meet + .nl-sec[b-7cr7vucgs2], .nl-sec--method + .nl-sec[b-7cr7vucgs2], .nl-sec--pricing + .nl-sec[b-7cr7vucgs2] {
        border-top: 0
    }

.nl-sec-head[b-7cr7vucgs2] {
    display: grid;
    gap: .9rem;
    margin-bottom: clamp(1.6rem,3vw,2.6rem);
    max-width: 44rem
}

.nl-pull[b-7cr7vucgs2] {
    font-family: var(--f-display);
    font-weight: 700;
    font-size: clamp(1.5rem,3.2vw,2.3rem);
    letter-spacing: -.028em;
    line-height: 1.1;
    border-left: 3px solid var(--accent);
    padding-left: 1.1rem;
    max-width: 40rem;
    color: var(--ink-0)
}

.nl-row[b-7cr7vucgs2] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem
}

.nl .nl-logo[b-7cr7vucgs2] {
    display: inline-block;
    height: 26px;
    width: auto;
    max-width: none;
    vertical-align: middle
}

.nl-nav[b-7cr7vucgs2] {
    position: sticky;
    top: 0;
    z-index: 20;
    background: transparent;
    border-bottom: 1px solid transparent;
    transition: background .25s,border-color .25s,backdrop-filter .25s
}

    .nl-nav.is-solid[b-7cr7vucgs2] {
        background: color-mix(in srgb,var(--paper-0) 86%,transparent);
        border-bottom-color: var(--rule-soft);
        backdrop-filter: blur(12px) saturate(1.2);
        -webkit-backdrop-filter: blur(12px) saturate(1.2)
    }

.nl-sec--hero[b-7cr7vucgs2] {
    margin-top: calc(-3.75rem - 1px)
}

.nl-nav-in[b-7cr7vucgs2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.75rem
}

.nl-brand[b-7cr7vucgs2] {
    display: flex;
    align-items: center;
    gap: .75rem;
    text-decoration: none !important;
    color: var(--ink-0)
}

.nl-menu[b-7cr7vucgs2] {
    display: none;
    gap: 1.5rem
}

    .nl-menu a[b-7cr7vucgs2] {
        font-weight: 500;
        font-size: .9rem;
        color: var(--ink-1);
        white-space: nowrap
    }

        .nl-menu a:hover[b-7cr7vucgs2] {
            color: var(--ink-0);
            text-decoration: none
        }

@media(min-width:880px) {
    .nl-menu[b-7cr7vucgs2] {
        display: flex
    }
}

.nl-nav .nl-btn[b-7cr7vucgs2] {
    padding: .5rem .95rem;
    font-size: .84rem;
    white-space: nowrap
}

.nl-ref[b-7cr7vucgs2] {
    background: var(--accent-tint);
    color: var(--ink-0);
    font-size: .9rem;
    padding: .6rem var(--gutter);
    text-align: center;
    border-bottom: 1px solid var(--rule-soft)
}

.nl-card[b-7cr7vucgs2] {
    border: 1px solid var(--rule);
    background: var(--paper-1);
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
    container-type: inline-size;
    cursor: pointer;
    transition: border-color .15s,transform .15s
}

    .nl-card:hover[b-7cr7vucgs2], .nl-card.is-open[b-7cr7vucgs2] {
        border-color: var(--ink-0)
    }

@media(hover:hover) {
    .nl-card:hover:not(.is-open)[b-7cr7vucgs2] {
        transform: translateY(-2px)
    }
}

.nl-card[hidden][b-7cr7vucgs2] {
    display: none
}

.nl-card-top[b-7cr7vucgs2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .6rem;
    min-height: 1.35rem;
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ink-2)
}

    .nl-card-top > span:first-child[b-7cr7vucgs2] {
        display: inline-flex;
        align-items: center
    }

    .nl-card-top i[b-7cr7vucgs2] {
        font-style: normal;
        color: var(--ink-1)
    }

.nl-card-title[b-7cr7vucgs2] {
    font-family: var(--f-display);
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: -.02em;
    line-height: 1.15
}

.nl-card-tg[b-7cr7vucgs2] {
    all: unset;
    display: block;
    width: 100%;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-align: left
}

    .nl-card-tg:focus-visible[b-7cr7vucgs2] {
        outline: 2px solid var(--focus);
        outline-offset: 3px;
        border-radius: 3px
    }

.nl-card-stmt[b-7cr7vucgs2] {
    font-family: var(--f-ui);
    font-size: .9rem;
    line-height: 1.5;
    color: var(--ink-1)
}

.nl-card-more[b-7cr7vucgs2] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    margin-block: -.25rem;
    transition: grid-template-rows .38s cubic-bezier(.2,.7,.2,1),opacity .28s ease,margin .38s cubic-bezier(.2,.7,.2,1)
}

    .nl-card-more > div[b-7cr7vucgs2] {
        min-height: 0;
        overflow: hidden;
        display: grid;
        gap: .35rem
    }

.nl-card.is-open .nl-card-more[b-7cr7vucgs2] {
    grid-template-rows: 1fr;
    opacity: 1;
    margin-block: 0
}

.nl-kv[b-7cr7vucgs2] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    line-height: 1.55;
    color: var(--ink-2)
}

    .nl-kv b[b-7cr7vucgs2] {
        display: block;
        color: var(--ink-1);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06em;
        font-size: .6875rem
    }

.nl-card-act[b-7cr7vucgs2] {
    margin-top: auto;
    padding-top: .25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem 1rem
}

.nl-more[b-7cr7vucgs2] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--accent);
    text-decoration: none
}

    .nl-more:hover[b-7cr7vucgs2] {
        text-decoration: underline;
        text-underline-offset: .2em
    }

.nl-card-foot[b-7cr7vucgs2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .7rem;
    padding-top: .6rem;
    border-top: 1px solid var(--rule-soft)
}

.nl-cmeta[b-7cr7vucgs2] {
    display: flex;
    flex-wrap: nowrap;
    gap: .35rem .8rem;
    align-items: center;
    font-family: var(--f-mono);
    font-size: .6875rem;
    color: var(--ink-1);
    min-width: 0
}

    .nl-cmeta > span[b-7cr7vucgs2] {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        white-space: nowrap
    }

.nl-ic[b-7cr7vucgs2] {
    width: .8rem;
    height: .8rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: var(--ink-2);
    flex: none
}

.nl-ic--dom[b-7cr7vucgs2] {
    width: .9rem;
    height: .9rem;
    margin-right: .4rem;
    vertical-align: -2px
}

.nl-lvl[b-7cr7vucgs2] {
    display: inline-flex;
    align-items: flex-end;
    gap: 2px;
    height: .7rem
}

    .nl-lvl i[b-7cr7vucgs2] {
        display: block;
        width: 3px;
        background: var(--rule)
    }

        .nl-lvl i:nth-child(1)[b-7cr7vucgs2] {
            height: 35%
        }

        .nl-lvl i:nth-child(2)[b-7cr7vucgs2] {
            height: 65%
        }

        .nl-lvl i:nth-child(3)[b-7cr7vucgs2] {
            height: 100%
        }

    .nl-lvl[data-l="1"] i:nth-child(1)[b-7cr7vucgs2], .nl-lvl[data-l="2"] i:nth-child(-n+2)[b-7cr7vucgs2], .nl-lvl[data-l="3"] i[b-7cr7vucgs2] {
        background: var(--ink-0)
    }

.nl-take[b-7cr7vucgs2] {
    display: inline-block;
    font-family: var(--f-ui);
    font-weight: 600;
    font-size: .78rem;
    color: var(--ink-1);
    background: transparent;
    border: 1px solid var(--rule);
    padding: .4rem .75rem;
    white-space: nowrap;
    text-decoration: none !important;
    transition: background .15s,color .15s,border-color .15s
}

.nl-card:hover .nl-take[b-7cr7vucgs2] {
    border-color: var(--accent);
    color: var(--accent)
}

.nl-take:hover[b-7cr7vucgs2] {
    background: var(--accent);
    color: var(--on-accent) !important;
    border-color: var(--accent)
}

.nl-idx-tools[b-7cr7vucgs2] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    margin-bottom: 1.2rem
}

.nl-chip[b-7cr7vucgs2] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .3rem .55rem;
    border: 1px solid var(--rule);
    background: transparent;
    color: var(--ink-1);
    line-height: 1.2
}

    .nl-chip[aria-pressed="true"][b-7cr7vucgs2] {
        background: var(--ink-0);
        color: var(--paper-0);
        border-color: var(--ink-0)
    }

.nl-search[b-7cr7vucgs2] {
    flex: 1 1 14rem;
    max-width: 22rem;
    font: inherit;
    font-size: .9rem;
    padding: .42rem .7rem;
    border: 1px solid var(--rule);
    background: var(--paper-1);
    color: var(--ink-0)
}

.nl-entries[b-7cr7vucgs2] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(auto-fill,minmax(20rem,1fr));
    align-content: start;
    transition: min-height .2s
}

.nl-noresults[b-7cr7vucgs2] {
    grid-column: 1/-1;
    padding: .4rem 0
}

    .nl-noresults:empty[b-7cr7vucgs2] {
        display: none
    }

.nl-idx-foot[b-7cr7vucgs2] {
    text-align: right;
    margin-top: 1.1rem;
    font-family: var(--f-mono);
    font-size: .72rem;
    letter-spacing: .04em;
    color: var(--ink-2)
}

    .nl-idx-foot a[b-7cr7vucgs2] {
        color: var(--accent);
        font-weight: 500;
        text-decoration: none
    }

        .nl-idx-foot a:hover[b-7cr7vucgs2] {
            text-decoration: underline;
            text-underline-offset: .2em
        }

.nl-entries .nl-card[b-7cr7vucgs2] {
    cursor: pointer
}

.nl-scopes-note[b-7cr7vucgs2] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-top: 2.6rem;
    border-top: 1px solid var(--rule);
    padding-top: 1.6rem;
    max-width: 64rem
}

    .nl-scopes-note .nl-ic[b-7cr7vucgs2] {
        flex: none;
        width: 1.3rem;
        height: 1.3rem;
        color: var(--accent);
        margin-top: .2rem
    }

    .nl-scopes-note p[b-7cr7vucgs2] {
        font-size: .95rem;
        line-height: 1.6;
        color: var(--ink-1)
    }

    .nl-scopes-note b[b-7cr7vucgs2] {
        color: var(--ink-0);
        font-weight: 600
    }

    .nl-scopes-note a[b-7cr7vucgs2] {
        font-weight: 600
    }

.nl-subscribe[b-7cr7vucgs2] {
    margin-top: 2rem;
    border-top: 1px solid var(--rule);
    padding-top: 1.4rem;
    display: grid;
    gap: .8rem;
    max-width: 40rem
}

    .nl-subscribe[b-7cr7vucgs2]  form {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem
    }

    .nl-subscribe[b-7cr7vucgs2]  input[type="email"] {
        flex: 1 1 14rem;
        font: inherit;
        font-size: .92rem;
        padding: .6rem .8rem;
        border: 1px solid var(--rule);
        background: var(--paper-1);
        color: var(--ink-0)
    }

.nl-ok[b-7cr7vucgs2] {
    color: var(--hold);
    font-weight: 500
}

.nl-subscribe .nl-mono[b-7cr7vucgs2] {
    font-size: .78rem;
    color: var(--ink-1)
}

.nl-err[b-7cr7vucgs2] {
    font-size: .86rem;
    color: var(--no)
}

.nl[b-7cr7vucgs2]  .nl-err--live {
    flex-basis: 100%;
    margin: 0;
    font-size: .82rem;
    line-height: 1.4;
    color: var(--no);
    display: flex;
    align-items: center;
    gap: .45rem;
    animation: nl-err-in-b-7cr7vucgs2 .22s ease-out
}

    .nl[b-7cr7vucgs2]  .nl-err--live[hidden] {
        display: none
    }

    .nl[b-7cr7vucgs2]  .nl-err--live::before {
        content: "";
        width: .45rem;
        height: .45rem;
        border-radius: 50%;
        background: var(--no);
        flex: none
    }

.nl[b-7cr7vucgs2]  input[type="email"].is-invalid {
    border-color: var(--no) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--no) 22%,transparent)
}

    .nl[b-7cr7vucgs2]  input[type="email"].is-invalid:focus {
        outline-color: var(--no) !important
    }

@keyframes nl-err-in-b-7cr7vucgs2 {
    from {
        opacity: 0;
        transform: translateY(-3px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.nl-extra[b-7cr7vucgs2] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.nl-sticky[b-7cr7vucgs2] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    padding: .6rem var(--gutter);
    background: var(--paper-0);
    border-top: 1px solid var(--rule);
    display: none;
    justify-content: space-between;
    align-items: center;
    gap: .8rem
}

    .nl-sticky.is-on[b-7cr7vucgs2] {
        display: flex
    }

@media(min-width:1000px) {
    .nl-sticky.is-on[b-7cr7vucgs2] {
        display: none
    }
}

.nl-sticky span[b-7cr7vucgs2] {
    font-size: .82rem;
    color: var(--ink-1)
}

@keyframes nl-rise-b-7cr7vucgs2 {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.nl-js .nl-state > *[b-7cr7vucgs2], .nl-js .nl-stack[b-7cr7vucgs2] {
    opacity: 0
}

.nl-js.nl-fonts .nl-state > *[b-7cr7vucgs2], .nl-js.nl-fonts .nl-stack[b-7cr7vucgs2] {
    animation: nl-rise-b-7cr7vucgs2 .7s cubic-bezier(.2,.7,.2,1) both
}

@media(prefers-reduced-motion:reduce) {
    .nl-js .nl-state > *[b-7cr7vucgs2], .nl-js .nl-stack[b-7cr7vucgs2] {
        opacity: 1
    }
}

.nl-state .nl-eb[b-7cr7vucgs2] {
    animation-delay: .05s
}

.nl-state h1[b-7cr7vucgs2] {
    animation-delay: .16s
}

.nl-state .nl-deck[b-7cr7vucgs2] {
    animation-delay: .3s
}

.nl-state .nl-row[b-7cr7vucgs2] {
    animation-delay: .42s
}

.nl-state .nl-hero-meta[b-7cr7vucgs2] {
    animation-delay: .5s
}

.nl-stack[b-7cr7vucgs2] {
    animation-delay: .58s
}

@media(prefers-reduced-motion:reduce) {
    .nl *[b-7cr7vucgs2] {
        animation: none !important;
        transition: none !important
    }
}

.nl-btn[b-7cr7vucgs2] {
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
    transition: background .15s,color .15s,transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s
}

.nl-btn--1:hover[b-7cr7vucgs2] {
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 8px 18px -8px rgba(2,4,9,.55)
}

.nl-btn--2[b-7cr7vucgs2] {
    box-shadow: none
}

    .nl-btn--2:hover[b-7cr7vucgs2] {
        transform: translateY(-1px);
        box-shadow: 0 8px 18px -10px rgba(2,4,9,.45)
    }

.nl-btn:active[b-7cr7vucgs2] {
    transform: translateY(0);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}

.nl-take[b-7cr7vucgs2] {
    border-radius: 6px
}

    .nl-take:hover[b-7cr7vucgs2] {
        box-shadow: 0 6px 14px -8px rgba(2,4,9,.5)
    }

.nl-chip[b-7cr7vucgs2] {
    border-radius: 4px
}

.nl-tag[b-7cr7vucgs2] {
    border-radius: 3px
}

.nl-search[b-7cr7vucgs2], .nl-subscribe[b-7cr7vucgs2]  input[type="email"], .nl-dlg[b-7cr7vucgs2]  .nl-em input[type="email"] {
    border-radius: 6px
}

.nl-card[b-7cr7vucgs2], .nl-step[b-7cr7vucgs2], .nl-door[b-7cr7vucgs2], .nl-plan[b-7cr7vucgs2], .nl-out[b-7cr7vucgs2], .nl-inst[b-7cr7vucgs2], .nl-sent[b-7cr7vucgs2] {
    border-radius: 6px
}

.nl-shot[b-7cr7vucgs2], .nl-doc[b-7cr7vucgs2] {
    border-radius: 10px
}

    .nl-shot > img[b-7cr7vucgs2] {
        border-radius: 6px
    }

.nl-lvl i[b-7cr7vucgs2] {
    border-radius: 1px
}

.nl .nl-sec--radar[b-7cr7vucgs2] {
    --paper-0: #140F26;
    --paper-1: #262043;
    --paper-2: #0C0919;
    --ink-0: #EEEAF8;
    --ink-1: #BDB6D3;
    --ink-2: #8F88AB;
    --rule: #3E3766;
    --rule-soft: #2F2853;
    --wash: #0F0B1F;
    --accent: #D0A6FF;
    --accent-tint: #36215C;
    --on-accent: #160A2E;
    color: var(--ink-0);
    background: radial-gradient(ellipse 70% 52% at 50% -8%,rgba(var(--glow),.36),transparent 70%), repeating-radial-gradient(circle at 50% -8%,transparent 0 118px,color-mix(in srgb,var(--accent) 6%,transparent) 118px 119px), var(--paper-0);
    border-top: 1px solid color-mix(in srgb,var(--accent) 42%,transparent);
}

    .nl .nl-sec--radar .nl-card[b-7cr7vucgs2] {
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05),0 16px 32px -20px rgba(0,0,0,.75)
    }

        .nl .nl-sec--radar .nl-card:hover[b-7cr7vucgs2] {
            border-color: color-mix(in srgb,var(--accent) 55%,var(--rule))
        }

    .nl .nl-sec--radar .nl-chip[aria-pressed="true"][b-7cr7vucgs2] {
        background: var(--accent);
        color: var(--on-accent);
        border-color: var(--accent)
    }

.nl .nl-sec[b-7cr7vucgs2] {
    position: relative
}

    .nl .nl-sec[b-7cr7vucgs2]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: none
    }

.nl-live[b-7cr7vucgs2] {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: var(--accent);
    margin-right: .5rem;
    vertical-align: middle;
    position: relative;
    top: -.05em;
    box-shadow: 0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)
}

@keyframes nl-live-b-7cr7vucgs2 {
    0% {
        box-shadow: 0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)
    }

    70% {
        box-shadow: 0 0 0 .6rem color-mix(in srgb,var(--accent) 0%,transparent)
    }

    100% {
        box-shadow: 0 0 0 0 color-mix(in srgb,var(--accent) 0%,transparent)
    }
}

@media (prefers-reduced-motion:no-preference) {
    .nl-live[b-7cr7vucgs2] {
        animation: nl-live-b-7cr7vucgs2 2.4s cubic-bezier(.2,.7,.2,1) infinite
    }
}

.nl-hl[b-7cr7vucgs2] {
    color: var(--accent)
}

.nl-sec--index[b-7cr7vucgs2] {
    margin-top: calc(-3.75rem - 1px);
    padding-top: calc(3.75rem + 1px + clamp(3rem,6vw,5rem))
}

    .nl-sec--index .nl-sec-head h1[b-7cr7vucgs2] {
        font-size: clamp(2.4rem,4.6vw,4rem);
        font-weight: 800;
        letter-spacing: -.035em;
        line-height: 1
    }

.nl-idx-meta[b-7cr7vucgs2] {
    margin-top: .7rem
}

.nl-idx-sub[b-7cr7vucgs2] {
    margin-top: 2rem;
    border-top: 1px solid var(--rule);
    padding-top: 1.4rem;
    font-size: .95rem;
    color: var(--ink-1)
}

    .nl-idx-sub a[b-7cr7vucgs2] {
        font-weight: 600
    }

.nl-menu a[aria-current="page"][b-7cr7vucgs2] {
    color: var(--ink-0)
}

.nl .nl-sec--index .nl-entries[b-7cr7vucgs2] {
    display: block;
    max-width: 68rem;
    min-height: 0 !important;
    border-top: 1px solid var(--rule)
}

.nl .nl-sec--index .nl-card.nl-feed[b-7cr7vucgs2] {
    --ink-0: #EEEAF8;
    --ink-1: #BDB6D3;
    --ink-2: #8F88AB;
    --rule: #3E3766;
    --accent: #D0A6FF;
    --accent-tint: #36215C;
    --on-accent: #160A2E;
    color-scheme: dark;
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr) auto;
    column-gap: clamp(1.2rem, 3vw, 2.6rem);
    align-items: start;
    margin: 0;
    padding: 1.7rem .4rem 1.6rem;
    border: 0;
    border-bottom: 1px solid var(--rule);
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: var(--ink-0);
    transition: background .15s
}

    .nl .nl-sec--index .nl-card.nl-feed:hover[b-7cr7vucgs2],
    .nl .nl-sec--index .nl-card.nl-feed.is-open[b-7cr7vucgs2] {
        border-color: var(--rule);
        background: rgba(255,255,255,.035)
    }

    .nl .nl-sec--index .nl-card.nl-feed[hidden][b-7cr7vucgs2] {
        display: none
    }

.nl .nl-feed-when[b-7cr7vucgs2] {
    display: grid;
    gap: .5rem;
    justify-items: start;
    padding-top: .35rem;
    font-family: var(--f-mono);
    font-size: .78rem;
    letter-spacing: .06em;
    color: var(--ink-2)
}

.nl .nl-feed-main[b-7cr7vucgs2] {
    display: grid;
    gap: .55rem;
    min-width: 0
}

.nl .nl-feed-dom[b-7cr7vucgs2] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
    font-family: var(--f-mono);
    font-size: .7rem;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--ink-2)
}

    .nl .nl-feed-dom .nl-ic[b-7cr7vucgs2] {
        width: .95rem;
        height: .95rem;
        color: var(--accent)
    }

.nl .nl-sec--index .nl-feed .nl-card-title[b-7cr7vucgs2],
.nl .nl-sec--index .nl-feed .nl-card-tg[b-7cr7vucgs2] {
    font-family: var(--f-display);
    font-size: clamp(1.45rem, 2.2vw, 1.95rem);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.08;
    text-align: left;
    color: var(--ink-0)
}

.nl .nl-sec--index .nl-feed .nl-card-stmt[b-7cr7vucgs2] {
    max-width: 46em;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--ink-1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden
}

.nl .nl-sec--index .nl-feed.is-open .nl-card-stmt[b-7cr7vucgs2] {
    display: block
}

.nl .nl-sec--index .nl-feed .nl-cmeta[b-7cr7vucgs2] {
    margin-top: .2rem;
    color: var(--ink-2)
}

.nl .nl-feed-act[b-7cr7vucgs2] {
    display: grid;
    gap: .6rem;
    justify-items: center;
    padding-top: .3rem
}

    .nl .nl-feed-act .nl-btn[b-7cr7vucgs2] {
        min-width: 8.5rem;
        justify-content: center
    }

    .nl .nl-feed-act .nl-more[b-7cr7vucgs2] {
        font-size: .84rem;
        color: var(--ink-2)
    }

@media (max-width: 760px) {
    .nl .nl-sec--index .nl-card.nl-feed[b-7cr7vucgs2] {
        grid-template-columns: minmax(0, 1fr);
        row-gap: .8rem
    }

    .nl .nl-feed-when[b-7cr7vucgs2] {
        display: flex;
        align-items: center;
        gap: .7rem;
        padding-top: 0
    }

    .nl .nl-feed-act[b-7cr7vucgs2] {
        display: flex;
        align-items: center;
        gap: 1.2rem;
        justify-items: start
    }
}

.nl[b-7cr7vucgs2] {
    --f-serif: "Source Serif 4","Source Serif Pro","IBM Plex Serif",Georgia,"Times New Roman",serif
}

    .nl .nl-sec--index-light[b-7cr7vucgs2] {
        background: var(--paper-0);
        color: var(--ink-0)
    }

    .nl .nl-sec--index .nl-card.nl-feed[b-7cr7vucgs2] {
        --ink-0: #0F141B;
        --ink-1: #414A57;
        --ink-2: #616B79;
        --rule: #D5D9E0;
        --accent: #8929FF;
        --accent-tint: #F0E5FF;
        --on-accent: #FFFFFF;
        color-scheme: light
    }

        .nl .nl-sec--index .nl-card.nl-feed:hover[b-7cr7vucgs2],
        .nl .nl-sec--index .nl-card.nl-feed.is-open[b-7cr7vucgs2] {
            background: rgba(15,20,27,.035)
        }

    .nl .nl-sec--index .nl-entries[b-7cr7vucgs2] {
        border-top-color: #D5D9E0
    }

    .nl .nl-sec--index .nl-feed .nl-card-title[b-7cr7vucgs2],
    .nl .nl-sec--index .nl-feed .nl-card-tg[b-7cr7vucgs2] {
        font-family: var(--f-serif);
        font-size: clamp(1.4rem, 2vw, 1.7rem);
        font-weight: 600;
        letter-spacing: -.015em;
        line-height: 1.16
    }

    .nl .nl-sec--index .nl-feed .nl-card-stmt[b-7cr7vucgs2] {
        font-family: var(--f-serif);
        font-size: 1.06rem;
        color: var(--ink-0)
    }

    .nl .nl-sec--index > .nl-wrap > *[b-7cr7vucgs2] {
        max-width: 68rem;
        margin-inline: auto
    }

    .nl .nl-sec--index .nl-idx-tools[b-7cr7vucgs2] {
        gap: .5rem;
        row-gap: .6rem;
        margin-bottom: 1.6rem
    }

        .nl .nl-sec--index .nl-idx-tools[b-7cr7vucgs2]::before {
            content: "";
            order: -1;
            flex: 0 0 100%;
            height: 0
        }

    .nl .nl-sec--index .nl-search[b-7cr7vucgs2] {
        order: -2;
        flex: 0 0 100%;
        max-width: 44rem;
        min-height: 3rem;
        margin-bottom: 0;
        padding: 0 1rem;
        border-radius: 10px;
        background: #FFFFFF;
        font-size: 1rem
    }

    .nl .nl-eb[b-7cr7vucgs2],
    .nl .nl-tag[b-7cr7vucgs2],
    .nl .nl-chip[b-7cr7vucgs2],
    .nl .nl-card-top[b-7cr7vucgs2],
    .nl .nl-cmeta[b-7cr7vucgs2],
    .nl .nl-feed-dom[b-7cr7vucgs2],
    .nl .nl-pcard-dom[b-7cr7vucgs2],
    .nl .nl-pfacet-dt[b-7cr7vucgs2],
    .nl .nl-pv2-facts dt[b-7cr7vucgs2],
    .nl .nl-facet dt[b-7cr7vucgs2],
    .nl .nl-facet-dt[b-7cr7vucgs2] {
        font-weight: 600;
        letter-spacing: .1em
    }

    .nl .nl-idx-crumb a[b-7cr7vucgs2] {
        color: var(--accent);
        text-decoration: none
    }

        .nl .nl-idx-crumb a:hover[b-7cr7vucgs2] {
            text-decoration: underline;
            text-underline-offset: .2em
        }

    .nl .nl-idx-crumb span[b-7cr7vucgs2] {
        color: var(--ink-2)
    }

    .nl .nl-idx-note[b-7cr7vucgs2] {
        color: var(--ink-2);
        font-size: .95rem;
        margin-top: .4rem
    }

    .nl .nl-facets[b-7cr7vucgs2] {
        display: grid;
        gap: 1.6rem 2rem;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
        margin-top: 3rem;
        padding-top: 2rem;
        border-top: 1px solid var(--rule)
    }

    .nl .nl-facet-k[b-7cr7vucgs2] {
        font-size: .6875rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--ink-2);
        margin: 0 0 .7rem
    }

    .nl .nl-facets ul[b-7cr7vucgs2] {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: .35rem
    }

    .nl .nl-facets a[b-7cr7vucgs2] {
        color: var(--ink-1);
        text-decoration: none;
        font-size: .95rem
    }

        .nl .nl-facets a:hover[b-7cr7vucgs2] {
            color: var(--accent);
            text-decoration: underline;
            text-underline-offset: .2em
        }

    .nl .nl-arch-k[b-7cr7vucgs2] {
        font-size: .6875rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--ink-2);
        margin: 2.4rem 0 1rem
    }

    .nl .nl-arch-grid[b-7cr7vucgs2] {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr))
    }

    .nl .nl-arch-card[b-7cr7vucgs2] {
        border: 1px solid var(--rule);
        border-radius: 12px;
        padding: 1.1rem 1.2rem;
        background: var(--paper-1);
        display: grid;
        gap: .35rem;
        align-content: start
    }

        .nl .nl-arch-card h3[b-7cr7vucgs2] {
            font-size: 1.05rem;
            letter-spacing: -.015em
        }

            .nl .nl-arch-card h3 a[b-7cr7vucgs2] {
                color: var(--ink-0);
                text-decoration: none
            }

                .nl .nl-arch-card h3 a:hover[b-7cr7vucgs2] {
                    color: var(--accent)
                }

        .nl .nl-arch-card p[b-7cr7vucgs2] {
            font-size: .9rem;
            color: var(--ink-1);
            line-height: 1.5
        }

    .nl .nl-arch-n[b-7cr7vucgs2] {
        font-size: .8rem;
        color: var(--ink-2)
    }

    .nl .nl-arch[b-7cr7vucgs2] {
        display: grid;
        gap: 0;
        margin-top: 1.5rem
    }

    .nl .nl-arch-row[b-7cr7vucgs2] {
        display: grid;
        gap: .3rem 1.6rem;
        padding: 1.2rem 0;
        border-top: 1px solid var(--rule-soft)
    }

@media (min-width: 760px) {
    .nl .nl-arch-row[b-7cr7vucgs2] {
        grid-template-columns: 12rem 1fr
    }
}

.nl .nl-arch-when[b-7cr7vucgs2] {
    display: grid;
    gap: .1rem
}

    .nl .nl-arch-when b[b-7cr7vucgs2] {
        font-size: 1rem;
        color: var(--ink-0)
    }

    .nl .nl-arch-when span[b-7cr7vucgs2] {
        font-size: .85rem;
        color: var(--ink-2)
    }

.nl .nl-arch-what h2[b-7cr7vucgs2] {
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.45
}

    .nl .nl-arch-what h2 a[b-7cr7vucgs2] {
        color: var(--ink-0);
        text-decoration: none
    }

        .nl .nl-arch-what h2 a:hover[b-7cr7vucgs2] {
            color: var(--accent)
        }

.nl .nl-shr[b-7cr7vucgs2] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .5rem;
    align-items: center;
    margin: .9rem 0 0
}

.nl .nl-shr--pv[b-7cr7vucgs2] {
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid var(--rule-soft)
}

.nl .nl-shr-b[b-7cr7vucgs2] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .7rem;
    border: 1px solid var(--rule);
    border-radius: 99px;
    background: transparent;
    color: var(--ink-2);
    font: inherit;
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
    transition: color .15s, border-color .15s, background .15s
}

    .nl .nl-shr-b:hover[b-7cr7vucgs2] {
        color: var(--ink-0);
        border-color: var(--ink-2)
    }

    .nl .nl-shr-b:focus-visible[b-7cr7vucgs2] {
        outline: 2px solid var(--focus);
        outline-offset: 2px
    }

    .nl .nl-shr-b.is-done[b-7cr7vucgs2] {
        color: var(--hold);
        border-color: var(--hold)
    }

.nl .nl-shr-js[b-7cr7vucgs2] {
    display: none
}

.nl.nl-js .nl-shr-js[b-7cr7vucgs2] {
    display: inline-flex
}

@media (prefers-reduced-motion: reduce) {
    .nl .nl-shr-b[b-7cr7vucgs2] {
        transition: none
    }
}

.nl .nl-sec--index .nl-card.nl-feed[b-7cr7vucgs2] {
    padding-left: clamp(.4rem, 2vw, 1.6rem);
    padding-right: clamp(.4rem, 2vw, 1.6rem)
}

.nl .nl-sec--index .nl-feed .nl-shr[b-7cr7vucgs2] {
    margin-top: .8rem
}

.nl .nl-feed-src[b-7cr7vucgs2] {
    margin-top: .6rem;
    font-size: .85rem;
    line-height: 1.45;
    color: var(--ink-2)
}

    .nl .nl-feed-src a[b-7cr7vucgs2] {
        color: var(--accent);
        text-decoration: none;
        border-bottom: 1px solid color-mix(in srgb, var(--accent) 40%, transparent)
    }

        .nl .nl-feed-src a:hover[b-7cr7vucgs2] {
            border-bottom-color: currentColor
        }

.nl .nl-pv-src-lead[b-7cr7vucgs2] {
    margin-top: .9rem
}

.nl .nl-t-compact[b-7cr7vucgs2],
.nl .nl-t-full[b-7cr7vucgs2] {
    display: block
}

.nl .nl-t-compact[b-7cr7vucgs2] {
    font-family: var(--f-display);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.04;
    text-wrap: balance;
    color: var(--ink-0)
}

.nl .nl-t-full[b-7cr7vucgs2] {
    margin-top: .34em;
    font-family: var(--f-ui);
    font-size: .46em;
    font-weight: 500;
    letter-spacing: -.005em;
    line-height: 1.32;
    color: var(--ink-1);
    text-wrap: pretty
}

.nl .nl-sec--index .nl-feed .nl-card-title .nl-t-compact[b-7cr7vucgs2] {
    font-size: clamp(1.45rem, 2.5vw, 2rem)
}

.nl .nl-sec--index .nl-feed .nl-card-tg[b-7cr7vucgs2] {
    text-align: left
}

.nl .nl-pv-h1 .nl-t-compact[b-7cr7vucgs2] {
    font-size: clamp(2.1rem, 4.6vw, 3.4rem)
}

.nl .nl-pv-h1 .nl-t-full[b-7cr7vucgs2] {
    font-size: .34em;
    margin-top: .3em;
    color: var(--ink-1)
}

.nl .nl-pcard-title .nl-t-compact[b-7cr7vucgs2] {
    font-size: 1.12rem
}

.nl .nl-pcard-title .nl-t-full[b-7cr7vucgs2] {
    font-size: .8rem;
    margin-top: .28em
}

.nl .nl-feed-src--ed[b-7cr7vucgs2] {
    color: var(--ink-2);
    font-style: italic
}

.nl .nl-t-full[b-7cr7vucgs2] {
    font-size: .58em;
    font-weight: 500;
    color: var(--ink-1);
    margin-top: .3em
}

.nl .nl-sec--index .nl-feed .nl-card-title .nl-t-full[b-7cr7vucgs2] {
    font-size: 1.1rem;
    line-height: 1.35
}

.nl .nl-pv-h1 .nl-t-full[b-7cr7vucgs2] {
    font-size: .42em;
    margin-top: .26em
}

.nl .nl-pcard-title .nl-t-full[b-7cr7vucgs2] {
    font-size: .9rem
}

.nl .nl-prov[b-7cr7vucgs2] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-top: .6rem;
    font-size: .8rem;
    line-height: 1.4;
    color: var(--ink-2)
}

    .nl .nl-prov .nl-ic[b-7cr7vucgs2] {
        width: .95rem;
        height: .95rem;
        flex: none;
        color: var(--accent)
    }

    .nl .nl-prov a[b-7cr7vucgs2] {
        color: var(--ink-1);
        text-decoration: none;
        border-bottom: 1px solid color-mix(in srgb, var(--accent) 38%, transparent)
    }

        .nl .nl-prov a:hover[b-7cr7vucgs2] {
            color: var(--accent);
            border-bottom-color: currentColor
        }

.nl .nl-prov--ed[b-7cr7vucgs2] {
    color: var(--ink-2);
    font-style: italic
}

    .nl .nl-prov--ed .nl-ic[b-7cr7vucgs2] {
        color: var(--ink-2)
    }

.nl .nl-feed-src--ed .nl-ic[b-7cr7vucgs2] {
    width: .95rem;
    height: .95rem;
    margin-right: .35rem;
    vertical-align: -.15rem;
    color: var(--ink-2)
}

.nl .nl-sec--radar .nl-startc-title .nl-t-compact[b-7cr7vucgs2] {
    font-size: 1.42rem;
    font-family: var(--f-display);
    font-weight: 800;
    letter-spacing: -.028em;
    line-height: 1.08;
    color: #0F141B
}

.nl .nl-sec--radar .nl-startc-title .nl-t-full[b-7cr7vucgs2] {
    font-size: .95rem;
    font-weight: 500;
    font-family: var(--f-ui);
    line-height: 1.35;
    color: #414A57;
    margin-top: .3em
}

.nl .nl-sec--hero .nl-feat-title .nl-t-compact[b-7cr7vucgs2] {
    font-size: clamp(1.6rem, 2.4vw, 2.3rem);
    color: var(--ink-0)
}

.nl .nl-sec--hero .nl-feat-title .nl-t-full[b-7cr7vucgs2] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--ink-1);
    margin-top: .34em
}

.nl .nl-feed-date[b-7cr7vucgs2] {
    color: var(--ink-1);
    white-space: nowrap
}

.nl .nl-sec--index .nl-feed .nl-cmeta[b-7cr7vucgs2] {
    flex-wrap: wrap
}

.nl .nl-shr-b[b-7cr7vucgs2] {
    box-sizing: border-box;
    gap: .45rem;
    min-height: 2.4rem;
    padding: .45rem .8rem;
    border-radius: 8px;
    background: var(--paper-1);
    color: var(--ink-1);
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.3
}

    .nl .nl-shr-b .nl-ic[b-7cr7vucgs2] {
        width: 1rem;
        height: 1rem;
        color: var(--accent)
    }

    .nl .nl-shr-b:hover[b-7cr7vucgs2] {
        color: var(--ink-0);
        border-color: var(--accent);
        background: var(--accent-tint)
    }

    .nl .nl-shr-b.is-done[b-7cr7vucgs2] {
        color: var(--hold);
        border-color: var(--hold);
        background: var(--hold-tint)
    }

        .nl .nl-shr-b.is-done .nl-ic[b-7cr7vucgs2] {
            color: var(--hold)
        }

.nl .nl-shr--pack[b-7cr7vucgs2] {
    margin: 1.1rem 0 0
}

.nl .nl-feeds[b-7cr7vucgs2] {
    margin: .9rem 0 0;
    font-size: .86rem;
    color: var(--ink-2)
}

    .nl .nl-feeds a[b-7cr7vucgs2] {
        font-weight: 600
    }
/* /Components/AinnaPages/ProblemView.razor.rz.scp.css */
.nl[b-g4ybf2hmyy] {
    --paper-0: #F0F2F5;
    --paper-1: #FAFBFC;
    --paper-2: #E5E8ED;
    --ink-0: #0F141B;
    --ink-1: #414A57;
    --ink-2: #616B79;
    --rule: #C6CCD5;
    --rule-soft: #DCE0E6;
    --wash: #DFE3F1;
    --sheet: #FFFFFF;
    --sheet-rule: #DDD7EA;
    --sheet-well: #F5F3FA;
    --sheet-2: #F3F0F9;
    --accent: #8929FF;
    --accent-tint: #F0E5FF;
    --on-accent: #FFFFFF;
    --accent-dark: #D0A6FF;
    --accent-tint-dark: #331A55;
    --on-accent-dark: #160A2E;
    --no: #B8163F;
    --no-tint: #F8DFE6;
    --hold: #1A7A52;
    --hold-tint: #DDEFE5;
    --reframe: #8F5E00;
    --reframe-tint: #F6EBD2;
    --focus: var(--accent);
    --glow: 137,41,255;
    --f-display: "Archivo","Helvetica Neue",Arial,sans-serif;
    --f-ui: "IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;
    --f-mono: "IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;
    --max: 112rem;
    --gutter: clamp(1rem,3vw,3rem);
    color-scheme: light;
    background: var(--paper-0);
    color: var(--ink-0);
    font-family: var(--f-ui);
    font-size: 17px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
}

@media (prefers-color-scheme:dark) {
    .nl:not([data-theme="light"])[b-g4ybf2hmyy] {
        --paper-0: #0C1017;
        --paper-1: #151A22;
        --paper-2: #07090D;
        --ink-0: #E8ECF1;
        --ink-1: #A8B1BD;
        --ink-2: #7B8593;
        --rule: #29303B;
        --rule-soft: #1B2129;
        --wash: #070B1C;
        --sheet: #241F35;
        --sheet-rule: #3E3757;
        --sheet-well: #151223;
        --sheet-2: #1B1729;
        --accent: #D0A6FF;
        --accent-tint: #331A55;
        --on-accent: #160A2E;
        --no: #F05C73;
        --no-tint: #33151B;
        --hold: #4FC993;
        --hold-tint: #10291E;
        --reframe: #E5B54A;
        --reframe-tint: #2E2410;
        color-scheme: dark;
    }
}

.nl[data-theme="dark"][b-g4ybf2hmyy] {
    --paper-0: #0C1017;
    --paper-1: #151A22;
    --paper-2: #07090D;
    --ink-0: #E8ECF1;
    --ink-1: #A8B1BD;
    --ink-2: #7B8593;
    --rule: #29303B;
    --rule-soft: #1B2129;
    --wash: #070B1C;
    --sheet: #241F35;
    --sheet-rule: #3E3757;
    --sheet-well: #151223;
    --sheet-2: #1B1729;
    --accent: #D0A6FF;
    --accent-tint: #331A55;
    --on-accent: #160A2E;
    --no: #F05C73;
    --no-tint: #33151B;
    --hold: #4FC993;
    --hold-tint: #10291E;
    --reframe: #E5B54A;
    --reframe-tint: #2E2410;
    color-scheme: dark;
}

.nl-ink[b-g4ybf2hmyy] {
    --paper-0: #0C1017;
    --paper-1: #151A22;
    --paper-2: #07090D;
    --ink-0: #E8ECF1;
    --ink-1: #A8B1BD;
    --ink-2: #7B8593;
    --rule: #29303B;
    --rule-soft: #1B2129;
    --wash: #070B1C;
    --accent: #D0A6FF;
    --accent-tint: #331A55;
    --on-accent: #160A2E;
    --no: #F05C73;
    --no-tint: #33151B;
    --hold: #4FC993;
    --hold-tint: #10291E;
    --reframe: #E5B54A;
    --reframe-tint: #2E2410;
    color-scheme: dark;
    background: var(--paper-0);
    color: var(--ink-0);
}

.nl[b-g4ybf2hmyy]  *, .nl[b-g4ybf2hmyy]  *::before, .nl[b-g4ybf2hmyy]  *::after {
    box-sizing: border-box
}

:where(.nl) a[b-g4ybf2hmyy] {
    color: var(--accent);
    text-decoration: none
}

    :where(.nl) a:hover[b-g4ybf2hmyy] {
        text-decoration: underline;
        text-underline-offset: .15em
    }

:where(.nl) button[b-g4ybf2hmyy] {
    font: inherit;
    cursor: pointer;
    color: inherit
}

.nl[b-g4ybf2hmyy]  :focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px
}

.nl h1:focus[b-g4ybf2hmyy], .nl h1:focus-visible[b-g4ybf2hmyy], .nl h2:focus[b-g4ybf2hmyy], .nl h2:focus-visible[b-g4ybf2hmyy] {
    outline: none;
    box-shadow: none
}

:where(.nl) img[b-g4ybf2hmyy] {
    max-width: 100%;
    height: auto
}

:where(.nl) h1[b-g4ybf2hmyy], :where(.nl) h2[b-g4ybf2hmyy], :where(.nl) h3[b-g4ybf2hmyy], :where(.nl) h4[b-g4ybf2hmyy] {
    font-family: var(--f-display);
    text-wrap: balance;
    margin: 0;
    color: var(--ink-0)
}

:where(.nl) h1[b-g4ybf2hmyy] {
    font-size: clamp(2.75rem,6.2vw,5rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: .98
}

.nl-h1-then[b-g4ybf2hmyy] {
    display: block;
    font-size: .48em;
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.05;
    color: var(--ink-1);
    margin-top: .32em
}

.nl-kern[b-g4ybf2hmyy] {
    letter-spacing: .025em
}

:where(.nl) h2[b-g4ybf2hmyy] {
    font-size: clamp(1.9rem,3.6vw,2.75rem);
    font-weight: 700;
    letter-spacing: -.028em;
    line-height: 1.06
}

:where(.nl) h3[b-g4ybf2hmyy] {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1.2
}

:where(.nl) p[b-g4ybf2hmyy] {
    margin: 0
}

:where(.nl) ul[b-g4ybf2hmyy] {
    margin: 0;
    padding: 0;
    list-style: none
}

.nl-sr[b-g4ybf2hmyy] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap
}

.nl-skip[b-g4ybf2hmyy] {
    position: fixed;
    left: -200vw;
    top: .7rem;
    z-index: 60;
    padding: .55rem .9rem;
    background: var(--paper-1);
    color: var(--ink-0);
    border: 1px solid var(--rule);
    border-radius: 6px;
    font-weight: 600;
    font-size: .9rem
}

    .nl-skip:focus[b-g4ybf2hmyy] {
        left: 1rem;
        outline: 2px solid var(--focus);
        outline-offset: 2px
    }

.nl-eb[b-g4ybf2hmyy] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--accent)
}

.nl-mono[b-g4ybf2hmyy] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .04em;
    color: var(--ink-2)
}

.nl-sec--judge .nl-eb[b-g4ybf2hmyy], .nl-sec--principle .nl-eb[b-g4ybf2hmyy] {
    color: color-mix(in srgb,var(--accent) 78%,var(--ink-0))
}

.nl-deck[b-g4ybf2hmyy] {
    font-size: 1.2rem;
    line-height: 1.5;
    color: var(--ink-1);
    max-width: 34rem
}

.nl-body[b-g4ybf2hmyy] {
    color: var(--ink-1);
    max-width: 41rem
}

.nl-tag[b-g4ybf2hmyy] {
    display: inline-block;
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .13em;
    text-transform: uppercase;
    padding: .2rem .45rem;
    vertical-align: middle
}

.nl-tag--new[b-g4ybf2hmyy] {
    background: var(--accent-tint);
    color: var(--accent)
}

.nl-tag--no[b-g4ybf2hmyy] {
    background: var(--no-tint);
    color: var(--no)
}

.nl-sec--judge .nl-tag--no[b-g4ybf2hmyy] {
    background: transparent;
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    gap: .45rem
}

    .nl-sec--judge .nl-tag--no[b-g4ybf2hmyy]::before {
        content: "";
        width: .42rem;
        height: .42rem;
        border-radius: 50%;
        background: var(--no);
        flex: none
    }

.nl-btn[b-g4ybf2hmyy] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-family: var(--f-ui);
    font-weight: 600;
    font-size: .92rem;
    padding: .72rem 1.2rem;
    border: 1px solid var(--accent);
    text-decoration: none !important;
    line-height: 1.2;
    transition: background .15s,color .15s
}

.nl-btn--1[b-g4ybf2hmyy] {
    background: var(--accent);
    color: var(--on-accent) !important
}

    .nl-btn--1:hover[b-g4ybf2hmyy] {
        background: color-mix(in srgb,var(--accent) 88%,var(--ink-0))
    }

.nl-btn--2[b-g4ybf2hmyy] {
    background: transparent;
    color: var(--accent) !important
}

    .nl-btn--2:hover[b-g4ybf2hmyy] {
        background: var(--accent-tint)
    }

.nl-wrap[b-g4ybf2hmyy] {
    max-width: var(--max);
    margin: 0 auto;
    padding-inline: var(--gutter)
}

.nl-sec[b-g4ybf2hmyy] {
    padding-block: clamp(3.5rem,7vw,6.5rem);
    border-top: 1px solid var(--rule-soft)
}

.nl-sec--wash[b-g4ybf2hmyy] {
    background: var(--wash);
    border-block: 1px solid var(--rule)
}

    .nl-sec--wash + .nl-sec[b-g4ybf2hmyy], .nl-sec--judge + .nl-sec[b-g4ybf2hmyy], .nl-sec--meet + .nl-sec[b-g4ybf2hmyy], .nl-sec--method + .nl-sec[b-g4ybf2hmyy], .nl-sec--pricing + .nl-sec[b-g4ybf2hmyy] {
        border-top: 0
    }

.nl-sec-head[b-g4ybf2hmyy] {
    display: grid;
    gap: .9rem;
    margin-bottom: clamp(1.6rem,3vw,2.6rem);
    max-width: 44rem
}

.nl-pull[b-g4ybf2hmyy] {
    font-family: var(--f-display);
    font-weight: 700;
    font-size: clamp(1.5rem,3.2vw,2.3rem);
    letter-spacing: -.028em;
    line-height: 1.1;
    border-left: 3px solid var(--accent);
    padding-left: 1.1rem;
    max-width: 40rem;
    color: var(--ink-0)
}

.nl-row[b-g4ybf2hmyy] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem
}

.nl .nl-logo[b-g4ybf2hmyy] {
    display: inline-block;
    height: 26px;
    width: auto;
    max-width: none;
    vertical-align: middle
}

.nl-nav[b-g4ybf2hmyy] {
    position: sticky;
    top: 0;
    z-index: 20;
    background: transparent;
    border-bottom: 1px solid transparent;
    transition: background .25s,border-color .25s,backdrop-filter .25s
}

    .nl-nav.is-solid[b-g4ybf2hmyy] {
        background: color-mix(in srgb,var(--paper-0) 86%,transparent);
        border-bottom-color: var(--rule-soft);
        backdrop-filter: blur(12px) saturate(1.2);
        -webkit-backdrop-filter: blur(12px) saturate(1.2)
    }

.nl-sec--hero[b-g4ybf2hmyy] {
    margin-top: calc(-3.75rem - 1px)
}

.nl-nav-in[b-g4ybf2hmyy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.75rem
}

.nl-brand[b-g4ybf2hmyy] {
    display: flex;
    align-items: center;
    gap: .75rem;
    text-decoration: none !important;
    color: var(--ink-0)
}

.nl-menu[b-g4ybf2hmyy] {
    display: none;
    gap: 1.5rem
}

    .nl-menu a[b-g4ybf2hmyy] {
        font-weight: 500;
        font-size: .9rem;
        color: var(--ink-1);
        white-space: nowrap
    }

        .nl-menu a:hover[b-g4ybf2hmyy] {
            color: var(--ink-0);
            text-decoration: none
        }

@media(min-width:880px) {
    .nl-menu[b-g4ybf2hmyy] {
        display: flex
    }
}

.nl-nav .nl-btn[b-g4ybf2hmyy] {
    padding: .5rem .95rem;
    font-size: .84rem;
    white-space: nowrap
}

.nl-ref[b-g4ybf2hmyy] {
    background: var(--accent-tint);
    color: var(--ink-0);
    font-size: .9rem;
    padding: .6rem var(--gutter);
    text-align: center;
    border-bottom: 1px solid var(--rule-soft)
}

.nl-card[b-g4ybf2hmyy] {
    border: 1px solid var(--rule);
    background: var(--paper-1);
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
    container-type: inline-size;
    cursor: pointer;
    transition: border-color .15s,transform .15s
}

    .nl-card:hover[b-g4ybf2hmyy], .nl-card.is-open[b-g4ybf2hmyy] {
        border-color: var(--ink-0)
    }

@media(hover:hover) {
    .nl-card:hover:not(.is-open)[b-g4ybf2hmyy] {
        transform: translateY(-2px)
    }
}

.nl-card[hidden][b-g4ybf2hmyy] {
    display: none
}

.nl-card-top[b-g4ybf2hmyy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .6rem;
    min-height: 1.35rem;
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ink-2)
}

    .nl-card-top > span:first-child[b-g4ybf2hmyy] {
        display: inline-flex;
        align-items: center
    }

    .nl-card-top i[b-g4ybf2hmyy] {
        font-style: normal;
        color: var(--ink-1)
    }

.nl-card-title[b-g4ybf2hmyy] {
    font-family: var(--f-display);
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: -.02em;
    line-height: 1.15
}

.nl-card-tg[b-g4ybf2hmyy] {
    all: unset;
    display: block;
    width: 100%;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-align: left
}

    .nl-card-tg:focus-visible[b-g4ybf2hmyy] {
        outline: 2px solid var(--focus);
        outline-offset: 3px;
        border-radius: 3px
    }

.nl-card-stmt[b-g4ybf2hmyy] {
    font-family: var(--f-ui);
    font-size: .9rem;
    line-height: 1.5;
    color: var(--ink-1)
}

.nl-card-more[b-g4ybf2hmyy] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    margin-block: -.25rem;
    transition: grid-template-rows .38s cubic-bezier(.2,.7,.2,1),opacity .28s ease,margin .38s cubic-bezier(.2,.7,.2,1)
}

    .nl-card-more > div[b-g4ybf2hmyy] {
        min-height: 0;
        overflow: hidden;
        display: grid;
        gap: .35rem
    }

.nl-card.is-open .nl-card-more[b-g4ybf2hmyy] {
    grid-template-rows: 1fr;
    opacity: 1;
    margin-block: 0
}

.nl-kv[b-g4ybf2hmyy] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    line-height: 1.55;
    color: var(--ink-2)
}

    .nl-kv b[b-g4ybf2hmyy] {
        display: block;
        color: var(--ink-1);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06em;
        font-size: .6875rem
    }

.nl-card-act[b-g4ybf2hmyy] {
    margin-top: auto;
    padding-top: .25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem 1rem
}

.nl-more[b-g4ybf2hmyy] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--accent);
    text-decoration: none
}

    .nl-more:hover[b-g4ybf2hmyy] {
        text-decoration: underline;
        text-underline-offset: .2em
    }

.nl-card-foot[b-g4ybf2hmyy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .7rem;
    padding-top: .6rem;
    border-top: 1px solid var(--rule-soft)
}

.nl-cmeta[b-g4ybf2hmyy] {
    display: flex;
    flex-wrap: nowrap;
    gap: .35rem .8rem;
    align-items: center;
    font-family: var(--f-mono);
    font-size: .6875rem;
    color: var(--ink-1);
    min-width: 0
}

    .nl-cmeta > span[b-g4ybf2hmyy] {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        white-space: nowrap
    }

.nl-ic[b-g4ybf2hmyy] {
    width: .8rem;
    height: .8rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: var(--ink-2);
    flex: none
}

.nl-ic--dom[b-g4ybf2hmyy] {
    width: .9rem;
    height: .9rem;
    margin-right: .4rem;
    vertical-align: -2px
}

.nl-lvl[b-g4ybf2hmyy] {
    display: inline-flex;
    align-items: flex-end;
    gap: 2px;
    height: .7rem
}

    .nl-lvl i[b-g4ybf2hmyy] {
        display: block;
        width: 3px;
        background: var(--rule)
    }

        .nl-lvl i:nth-child(1)[b-g4ybf2hmyy] {
            height: 35%
        }

        .nl-lvl i:nth-child(2)[b-g4ybf2hmyy] {
            height: 65%
        }

        .nl-lvl i:nth-child(3)[b-g4ybf2hmyy] {
            height: 100%
        }

    .nl-lvl[data-l="1"] i:nth-child(1)[b-g4ybf2hmyy], .nl-lvl[data-l="2"] i:nth-child(-n+2)[b-g4ybf2hmyy], .nl-lvl[data-l="3"] i[b-g4ybf2hmyy] {
        background: var(--ink-0)
    }

.nl-take[b-g4ybf2hmyy] {
    display: inline-block;
    font-family: var(--f-ui);
    font-weight: 600;
    font-size: .78rem;
    color: var(--ink-1);
    background: transparent;
    border: 1px solid var(--rule);
    padding: .4rem .75rem;
    white-space: nowrap;
    text-decoration: none !important;
    transition: background .15s,color .15s,border-color .15s
}

.nl-card:hover .nl-take[b-g4ybf2hmyy] {
    border-color: var(--accent);
    color: var(--accent)
}

.nl-take:hover[b-g4ybf2hmyy] {
    background: var(--accent);
    color: var(--on-accent) !important;
    border-color: var(--accent)
}

.nl-idx-tools[b-g4ybf2hmyy] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    margin-bottom: 1.2rem
}

.nl-chip[b-g4ybf2hmyy] {
    font-family: var(--f-mono);
    font-size: .6875rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .3rem .55rem;
    border: 1px solid var(--rule);
    background: transparent;
    color: var(--ink-1);
    line-height: 1.2
}

    .nl-chip[aria-pressed="true"][b-g4ybf2hmyy] {
        background: var(--ink-0);
        color: var(--paper-0);
        border-color: var(--ink-0)
    }

.nl-search[b-g4ybf2hmyy] {
    flex: 1 1 14rem;
    max-width: 22rem;
    font: inherit;
    font-size: .9rem;
    padding: .42rem .7rem;
    border: 1px solid var(--rule);
    background: var(--paper-1);
    color: var(--ink-0)
}

.nl-entries[b-g4ybf2hmyy] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(auto-fill,minmax(20rem,1fr));
    align-content: start;
    transition: min-height .2s
}

.nl-noresults[b-g4ybf2hmyy] {
    grid-column: 1/-1;
    padding: .4rem 0
}

    .nl-noresults:empty[b-g4ybf2hmyy] {
        display: none
    }

.nl-idx-foot[b-g4ybf2hmyy] {
    text-align: right;
    margin-top: 1.1rem;
    font-family: var(--f-mono);
    font-size: .72rem;
    letter-spacing: .04em;
    color: var(--ink-2)
}

    .nl-idx-foot a[b-g4ybf2hmyy] {
        color: var(--accent);
        font-weight: 500;
        text-decoration: none
    }

        .nl-idx-foot a:hover[b-g4ybf2hmyy] {
            text-decoration: underline;
            text-underline-offset: .2em
        }

.nl-entries .nl-card[b-g4ybf2hmyy] {
    cursor: pointer
}

.nl-scopes-note[b-g4ybf2hmyy] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-top: 2.6rem;
    border-top: 1px solid var(--rule);
    padding-top: 1.6rem;
    max-width: 64rem
}

    .nl-scopes-note .nl-ic[b-g4ybf2hmyy] {
        flex: none;
        width: 1.3rem;
        height: 1.3rem;
        color: var(--accent);
        margin-top: .2rem
    }

    .nl-scopes-note p[b-g4ybf2hmyy] {
        font-size: .95rem;
        line-height: 1.6;
        color: var(--ink-1)
    }

    .nl-scopes-note b[b-g4ybf2hmyy] {
        color: var(--ink-0);
        font-weight: 600
    }

    .nl-scopes-note a[b-g4ybf2hmyy] {
        font-weight: 600
    }

.nl-subscribe[b-g4ybf2hmyy] {
    margin-top: 2rem;
    border-top: 1px solid var(--rule);
    padding-top: 1.4rem;
    display: grid;
    gap: .8rem;
    max-width: 40rem
}

    .nl-subscribe[b-g4ybf2hmyy]  form {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem
    }

    .nl-subscribe[b-g4ybf2hmyy]  input[type="email"] {
        flex: 1 1 14rem;
        font: inherit;
        font-size: .92rem;
        padding: .6rem .8rem;
        border: 1px solid var(--rule);
        background: var(--paper-1);
        color: var(--ink-0)
    }

.nl-ok[b-g4ybf2hmyy] {
    color: var(--hold);
    font-weight: 500
}

.nl-subscribe .nl-mono[b-g4ybf2hmyy] {
    font-size: .78rem;
    color: var(--ink-1)
}

.nl-err[b-g4ybf2hmyy] {
    font-size: .86rem;
    color: var(--no)
}

.nl[b-g4ybf2hmyy]  .nl-err--live {
    flex-basis: 100%;
    margin: 0;
    font-size: .82rem;
    line-height: 1.4;
    color: var(--no);
    display: flex;
    align-items: center;
    gap: .45rem;
    animation: nl-err-in-b-g4ybf2hmyy .22s ease-out
}

    .nl[b-g4ybf2hmyy]  .nl-err--live[hidden] {
        display: none
    }

    .nl[b-g4ybf2hmyy]  .nl-err--live::before {
        content: "";
        width: .45rem;
        height: .45rem;
        border-radius: 50%;
        background: var(--no);
        flex: none
    }

.nl[b-g4ybf2hmyy]  input[type="email"].is-invalid {
    border-color: var(--no) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--no) 22%,transparent)
}

    .nl[b-g4ybf2hmyy]  input[type="email"].is-invalid:focus {
        outline-color: var(--no) !important
    }

@keyframes nl-err-in-b-g4ybf2hmyy {
    from {
        opacity: 0;
        transform: translateY(-3px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.nl-extra[b-g4ybf2hmyy] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.nl-sticky[b-g4ybf2hmyy] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    padding: .6rem var(--gutter);
    background: var(--paper-0);
    border-top: 1px solid var(--rule);
    display: none;
    justify-content: space-between;
    align-items: center;
    gap: .8rem
}

    .nl-sticky.is-on[b-g4ybf2hmyy] {
        display: flex
    }

@media(min-width:1000px) {
    .nl-sticky.is-on[b-g4ybf2hmyy] {
        display: none
    }
}

.nl-sticky span[b-g4ybf2hmyy] {
    font-size: .82rem;
    color: var(--ink-1)
}

@keyframes nl-rise-b-g4ybf2hmyy {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.nl-js .nl-state > *[b-g4ybf2hmyy], .nl-js .nl-stack[b-g4ybf2hmyy] {
    opacity: 0
}

.nl-js.nl-fonts .nl-state > *[b-g4ybf2hmyy], .nl-js.nl-fonts .nl-stack[b-g4ybf2hmyy] {
    animation: nl-rise-b-g4ybf2hmyy .7s cubic-bezier(.2,.7,.2,1) both
}

@media(prefers-reduced-motion:reduce) {
    .nl-js .nl-state > *[b-g4ybf2hmyy], .nl-js .nl-stack[b-g4ybf2hmyy] {
        opacity: 1
    }
}

.nl-state .nl-eb[b-g4ybf2hmyy] {
    animation-delay: .05s
}

.nl-state h1[b-g4ybf2hmyy] {
    animation-delay: .16s
}

.nl-state .nl-deck[b-g4ybf2hmyy] {
    animation-delay: .3s
}

.nl-state .nl-row[b-g4ybf2hmyy] {
    animation-delay: .42s
}

.nl-state .nl-hero-meta[b-g4ybf2hmyy] {
    animation-delay: .5s
}

.nl-stack[b-g4ybf2hmyy] {
    animation-delay: .58s
}

@media(prefers-reduced-motion:reduce) {
    .nl *[b-g4ybf2hmyy] {
        animation: none !important;
        transition: none !important
    }
}

.nl-btn[b-g4ybf2hmyy] {
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
    transition: background .15s,color .15s,transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s
}

.nl-btn--1:hover[b-g4ybf2hmyy] {
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 8px 18px -8px rgba(2,4,9,.55)
}

.nl-btn--2[b-g4ybf2hmyy] {
    box-shadow: none
}

    .nl-btn--2:hover[b-g4ybf2hmyy] {
        transform: translateY(-1px);
        box-shadow: 0 8px 18px -10px rgba(2,4,9,.45)
    }

.nl-btn:active[b-g4ybf2hmyy] {
    transform: translateY(0);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}

.nl-take[b-g4ybf2hmyy] {
    border-radius: 6px
}

    .nl-take:hover[b-g4ybf2hmyy] {
        box-shadow: 0 6px 14px -8px rgba(2,4,9,.5)
    }

.nl-chip[b-g4ybf2hmyy] {
    border-radius: 4px
}

.nl-tag[b-g4ybf2hmyy] {
    border-radius: 3px
}

.nl-search[b-g4ybf2hmyy], .nl-subscribe[b-g4ybf2hmyy]  input[type="email"], .nl-dlg[b-g4ybf2hmyy]  .nl-em input[type="email"] {
    border-radius: 6px
}

.nl-card[b-g4ybf2hmyy], .nl-step[b-g4ybf2hmyy], .nl-door[b-g4ybf2hmyy], .nl-plan[b-g4ybf2hmyy], .nl-out[b-g4ybf2hmyy], .nl-inst[b-g4ybf2hmyy], .nl-sent[b-g4ybf2hmyy] {
    border-radius: 6px
}

.nl-shot[b-g4ybf2hmyy], .nl-doc[b-g4ybf2hmyy] {
    border-radius: 10px
}

    .nl-shot > img[b-g4ybf2hmyy] {
        border-radius: 6px
    }

.nl-lvl i[b-g4ybf2hmyy] {
    border-radius: 1px
}

.nl .nl-sec--radar[b-g4ybf2hmyy] {
    --paper-0: #140F26;
    --paper-1: #262043;
    --paper-2: #0C0919;
    --ink-0: #EEEAF8;
    --ink-1: #BDB6D3;
    --ink-2: #8F88AB;
    --rule: #3E3766;
    --rule-soft: #2F2853;
    --wash: #0F0B1F;
    --accent: #D0A6FF;
    --accent-tint: #36215C;
    --on-accent: #160A2E;
    color: var(--ink-0);
    background: radial-gradient(ellipse 70% 52% at 50% -8%,rgba(var(--glow),.36),transparent 70%), repeating-radial-gradient(circle at 50% -8%,transparent 0 118px,color-mix(in srgb,var(--accent) 6%,transparent) 118px 119px), var(--paper-0);
    border-top: 1px solid color-mix(in srgb,var(--accent) 42%,transparent);
}

    .nl .nl-sec--radar .nl-card[b-g4ybf2hmyy] {
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05),0 16px 32px -20px rgba(0,0,0,.75)
    }

        .nl .nl-sec--radar .nl-card:hover[b-g4ybf2hmyy] {
            border-color: color-mix(in srgb,var(--accent) 55%,var(--rule))
        }

    .nl .nl-sec--radar .nl-chip[aria-pressed="true"][b-g4ybf2hmyy] {
        background: var(--accent);
        color: var(--on-accent);
        border-color: var(--accent)
    }

.nl .nl-sec[b-g4ybf2hmyy] {
    position: relative
}

    .nl .nl-sec[b-g4ybf2hmyy]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: none
    }

.nl-live[b-g4ybf2hmyy] {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: var(--accent);
    margin-right: .5rem;
    vertical-align: middle;
    position: relative;
    top: -.05em;
    box-shadow: 0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)
}

@keyframes nl-live-b-g4ybf2hmyy {
    0% {
        box-shadow: 0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)
    }

    70% {
        box-shadow: 0 0 0 .6rem color-mix(in srgb,var(--accent) 0%,transparent)
    }

    100% {
        box-shadow: 0 0 0 0 color-mix(in srgb,var(--accent) 0%,transparent)
    }
}

@media (prefers-reduced-motion:no-preference) {
    .nl-live[b-g4ybf2hmyy] {
        animation: nl-live-b-g4ybf2hmyy 2.4s cubic-bezier(.2,.7,.2,1) infinite
    }
}

.nl-hl[b-g4ybf2hmyy] {
    color: var(--accent)
}

.nl-sec--pv-head[b-g4ybf2hmyy] {
    margin-top: calc(-3.75rem - 1px);
    padding-top: calc(3.75rem + 1px + clamp(2.5rem,5vw,4rem));
    background: var(--paper-2);
    border-bottom: 1px solid var(--rule)
}

.nl-pv-head[b-g4ybf2hmyy] {
    display: grid;
    gap: 1rem;
    max-width: 58rem
}

.nl-pv-crumb a[b-g4ybf2hmyy] {
    color: var(--accent);
    text-decoration: none
}

    .nl-pv-crumb a:hover[b-g4ybf2hmyy] {
        text-decoration: underline;
        text-underline-offset: .2em
    }

.nl-pv-crumb .nl-ic--dom[b-g4ybf2hmyy] {
    margin: 0 .3rem 0 .1rem;
    vertical-align: -2px;
    color: var(--accent)
}

.nl-pv-head h1[b-g4ybf2hmyy] {
    font-size: clamp(2.2rem,4.4vw,3.8rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.02
}

.nl-pv-lede[b-g4ybf2hmyy] {
    font-size: 1.15rem;
    line-height: 1.55;
    color: var(--ink-1);
    max-width: 46rem
}

.nl-pv-meta[b-g4ybf2hmyy] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.4rem;
    align-items: center;
    font-family: var(--f-mono);
    font-size: .72rem;
    color: var(--ink-1)
}

    .nl-pv-meta > span[b-g4ybf2hmyy] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        white-space: nowrap
    }

.nl-pv-row[b-g4ybf2hmyy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: .4rem
}

.nl-sec--pv-body[b-g4ybf2hmyy] {
    background: var(--paper-0)
}

.nl-pv-grid[b-g4ybf2hmyy] {
    display: grid;
    gap: 1rem
}

@media(min-width:900px) {
    .nl-pv-grid[b-g4ybf2hmyy] {
        grid-template-columns: repeat(3,1fr)
    }
}

.nl-pv-pane[b-g4ybf2hmyy] {
    border: 1px solid var(--rule);
    background: var(--paper-1);
    padding: 1.3rem 1.4rem 1.4rem;
    display: grid;
    gap: .6rem;
    align-content: start;
    border-radius: 10px
}

    .nl-pv-pane p[b-g4ybf2hmyy] {
        font-size: .95rem;
        line-height: 1.55;
        color: var(--ink-1)
    }

    .nl-pv-pane .nl-eb[b-g4ybf2hmyy] {
        display: inline-flex;
        align-items: center;
        gap: .4rem
    }

        .nl-pv-pane .nl-eb .nl-ic[b-g4ybf2hmyy] {
            width: .9rem;
            height: .9rem;
            color: var(--accent)
        }

.nl-pv-pane--judge[b-g4ybf2hmyy] {
    border-color: color-mix(in srgb,var(--accent) 45%,var(--rule));
    background: color-mix(in srgb,var(--accent-tint) 55%,var(--paper-1))
}

.nl-pv-grade[b-g4ybf2hmyy] {
    font-family: var(--f-mono);
    font-size: .72rem;
    color: var(--ink-1);
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .2rem
}

.nl-pv-evidence[b-g4ybf2hmyy] {
    margin-top: 2rem;
    border-top: 1px solid var(--rule);
    padding-top: 1.4rem;
    max-width: 52rem;
    display: grid;
    gap: .6rem
}

    .nl-pv-evidence .nl-eb[b-g4ybf2hmyy] {
        display: inline-flex;
        align-items: center;
        gap: .4rem
    }

        .nl-pv-evidence .nl-eb .nl-ic[b-g4ybf2hmyy] {
            width: .9rem;
            height: .9rem;
            color: var(--accent)
        }

    .nl-pv-evidence p[b-g4ybf2hmyy] {
        color: var(--ink-1)
    }

    .nl-pv-evidence b[b-g4ybf2hmyy] {
        color: var(--ink-0);
        font-weight: 600
    }

.nl-pv-note[b-g4ybf2hmyy] {
    font-size: .85rem;
    color: var(--ink-2)
}

.nl-pv-take[b-g4ybf2hmyy] {
    margin-top: 2.6rem;
    border: 1px solid var(--rule);
    border-radius: 12px;
    background: var(--paper-1);
    padding: 1.8rem;
    display: grid;
    gap: 1.2rem;
    box-shadow: 0 14px 30px -22px rgba(15,20,27,.35)
}

@media(min-width:900px) {
    .nl-pv-take[b-g4ybf2hmyy] {
        grid-template-columns: 1.4fr 1fr;
        align-items: center;
        gap: 2.5rem;
        padding: 2.2rem 2.4rem
    }
}

.nl-pv-take h2[b-g4ybf2hmyy] {
    font-size: clamp(1.5rem,2.6vw,2.1rem);
    margin: .4rem 0 .6rem
}

.nl-pv-take .nl-body[b-g4ybf2hmyy] {
    max-width: none
}

.nl-pv-take-act[b-g4ybf2hmyy] {
    display: grid;
    gap: .6rem;
    justify-items: start
}

@media(min-width:900px) {
    .nl-pv-take-act[b-g4ybf2hmyy] {
        justify-items: end;
        text-align: right
    }
}

.nl-sec--pv-more .nl-sec-head[b-g4ybf2hmyy] {
    margin-bottom: 1.6rem
}

.nl-sec--pv-more .nl-entries[b-g4ybf2hmyy] {
    grid-template-columns: repeat(auto-fill,minmax(20rem,1fr))
}

.nl-menu a[aria-current="page"][b-g4ybf2hmyy] {
    color: var(--ink-0)
}

.nl .nl-sec--pv2[b-g4ybf2hmyy] {
    padding-bottom: clamp(3rem, 6vw, 5rem)
}

.nl .nl-sec--pv-more > .nl-wrap > *[b-g4ybf2hmyy],
.nl .nl-sec--pv-head > .nl-wrap:not(.nl-pv2) > *[b-g4ybf2hmyy] {
    max-width: 80rem;
    margin-inline: auto
}

.nl .nl-pv2[b-g4ybf2hmyy] {
    display: grid;
    box-sizing: content-box;
    max-width: 80rem;
    grid-template-columns: minmax(0, 1fr) 21rem;
    grid-template-areas: "head rail" "record rail";
    column-gap: clamp(2.5rem, 6vw, 6rem);
    row-gap: clamp(2rem, 4vw, 3.2rem);
    align-items: start
}

.nl .nl-pv2-head[b-g4ybf2hmyy] {
    grid-area: head;
    display: grid;
    gap: 1.1rem;
    max-width: 52rem
}

    .nl .nl-pv2-head h1[b-g4ybf2hmyy] {
        font-size: clamp(2.4rem, 5vw, 4.4rem);
        font-weight: 800;
        letter-spacing: -.045em;
        line-height: .96;
        text-wrap: balance
    }

    .nl .nl-pv2-head .nl-pv-lede[b-g4ybf2hmyy] {
        max-width: 40em;
        font-size: clamp(1.1rem, 1.5vw, 1.3rem);
        line-height: 1.5;
        color: var(--ink-1)
    }

.nl .nl-pv2-rail[b-g4ybf2hmyy] {
    grid-area: rail;
    position: sticky;
    top: calc(3.75rem + 1.5rem);
    display: grid;
    gap: 1.1rem;
    padding: 1.6rem 1.6rem 1.4rem;
    border: 1px solid var(--rule);
    border-radius: 16px;
    background: var(--paper-1);
    box-shadow: 0 24px 48px -32px rgba(15,20,27,.45)
}

.nl .nl-pv2-rail-grade[b-g4ybf2hmyy] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    font-family: var(--f-display);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -.015em;
    color: var(--ink-0)
}

.nl .nl-pv2-stats[b-g4ybf2hmyy] {
    display: grid;
    margin: 0;
    border-top: 1px solid var(--rule)
}

    .nl .nl-pv2-stats > div[b-g4ybf2hmyy] {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        padding: .55rem 0;
        border-bottom: 1px solid var(--rule-soft, var(--rule));
        font-size: .88rem
    }

    .nl .nl-pv2-stats dt[b-g4ybf2hmyy] {
        color: var(--ink-2)
    }

    .nl .nl-pv2-stats dd[b-g4ybf2hmyy] {
        margin: 0;
        font-weight: 600;
        color: var(--ink-0);
        text-align: right
    }

.nl .nl-pv2-go[b-g4ybf2hmyy] {
    width: 100%;
    min-height: 3.25rem;
    justify-content: center;
    font-size: 1.05rem
}

.nl .nl-pv2-rail-note[b-g4ybf2hmyy] {
    margin: 0;
    font-size: .82rem;
    line-height: 1.5;
    color: var(--ink-2)
}

.nl .nl-pv2-record[b-g4ybf2hmyy] {
    grid-area: record;
    max-width: 58rem
}

.nl .nl-pv2-facts[b-g4ybf2hmyy] {
    margin: 0;
    border-top: 1px solid var(--rule)
}

    .nl .nl-pv2-facts > div[b-g4ybf2hmyy] {
        display: grid;
        grid-template-columns: 11rem minmax(0, 1fr);
        gap: .6rem 2rem;
        padding: 1.5rem 0;
        border-bottom: 1px solid var(--rule)
    }

    .nl .nl-pv2-facts dt[b-g4ybf2hmyy] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .45rem;
        align-self: start;
        padding-top: .2rem;
        font-family: var(--f-mono);
        font-size: .72rem;
        letter-spacing: .13em;
        text-transform: uppercase;
        color: var(--ink-2)
    }

        .nl .nl-pv2-facts dt .nl-ic[b-g4ybf2hmyy] {
            width: 1rem;
            height: 1rem;
            color: var(--accent)
        }

        .nl .nl-pv2-facts dt small[b-g4ybf2hmyy] {
            flex-basis: 100%;
            font-size: inherit;
            color: var(--accent)
        }

    .nl .nl-pv2-facts dd[b-g4ybf2hmyy] {
        margin: 0;
        font-size: 1.12rem;
        line-height: 1.55;
        color: var(--ink-0)
    }

.nl .nl-pv2-record .nl-pv-note[b-g4ybf2hmyy] {
    margin-top: 1.4rem
}

@media (max-width: 900px) {
    .nl .nl-pv2[b-g4ybf2hmyy] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "head" "rail" "record"
    }

    .nl .nl-pv2-rail[b-g4ybf2hmyy] {
        position: static
    }

    .nl .nl-pv2-facts > div[b-g4ybf2hmyy] {
        grid-template-columns: minmax(0, 1fr)
    }
}

.nl[b-g4ybf2hmyy] {
    --f-serif: "Source Serif 4","Source Serif Pro","IBM Plex Serif",Georgia,"Times New Roman",serif
}

    .nl .nl-pv2-head h1[b-g4ybf2hmyy] {
        font-family: var(--f-serif);
        font-size: clamp(2.2rem, 4.4vw, 3.8rem);
        font-weight: 600;
        letter-spacing: -.022em;
        line-height: 1.05
    }

    .nl .nl-pv2-head .nl-pv-lede[b-g4ybf2hmyy] {
        font-family: var(--f-serif)
    }

    .nl .nl-sec--pv-more-light[b-g4ybf2hmyy] {
        background: var(--paper-1);
        border-top: 1px solid var(--rule);
        color: var(--ink-0)
    }

    .nl .nl-pcards[b-g4ybf2hmyy] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
        gap: 1.2rem;
        margin-top: 2rem
    }

    .nl .nl-pcard[b-g4ybf2hmyy] {
        display: flex;
        flex-direction: column;
        padding: 1.6rem 1.7rem 1.5rem;
        border: 1px solid var(--rule);
        border-radius: 16px;
        background: #FFFFFF;
        box-shadow: 0 20px 40px -32px rgba(15,20,27,.5);
        transition: transform .2s cubic-bezier(.2,.7,.2,1), border-color .2s
    }

        .nl .nl-pcard:hover[b-g4ybf2hmyy] {
            transform: translateY(-3px);
            border-color: color-mix(in srgb, var(--accent) 40%, var(--rule))
        }

    .nl .nl-pcard-dom[b-g4ybf2hmyy] {
        display: flex;
        align-items: center;
        gap: .5rem;
        margin: 0 0 1rem;
        font-family: var(--f-mono);
        font-size: .7rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--ink-2)
    }

        .nl .nl-pcard-dom .nl-ic[b-g4ybf2hmyy] {
            width: 1rem;
            height: 1rem;
            color: var(--accent)
        }

    .nl .nl-pcard-title[b-g4ybf2hmyy] {
        margin: 0 0 .8rem;
        font-family: var(--f-serif);
        font-size: 1.5rem;
        font-weight: 600;
        letter-spacing: -.015em;
        line-height: 1.16
    }

        .nl .nl-pcard-title a[b-g4ybf2hmyy] {
            color: var(--ink-0);
            text-decoration: none
        }

    .nl .nl-pcard-stmt[b-g4ybf2hmyy] {
        margin: 0 0 1rem;
        font-family: var(--f-serif);
        font-size: 1.06rem;
        line-height: 1.5;
        color: var(--ink-0);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        overflow: hidden
    }

    .nl .nl-pfacet[b-g4ybf2hmyy] {
        display: grid;
        gap: .15rem;
        margin: 0 0 1.4rem;
        padding: .75rem 0;
        border-top: 1px solid var(--rule);
        border-bottom: 1px solid var(--rule)
    }

    .nl .nl-pfacet-dt[b-g4ybf2hmyy] {
        font-family: var(--f-mono);
        font-size: .68rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--ink-2)
    }

    .nl .nl-pfacet-dd[b-g4ybf2hmyy] {
        font-size: .96rem;
        line-height: 1.4;
        color: var(--ink-0)
    }

    .nl .nl-pcard-act[b-g4ybf2hmyy] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .8rem 1.3rem;
        margin-top: auto;
        padding-top: 1.1rem;
        border-top: 1px solid var(--rule-soft, var(--rule))
    }

    .nl .nl-pcard .nl-shr[b-g4ybf2hmyy] {
        margin: .9rem 0 1.2rem
    }

    .nl .nl-pcard .nl-prov[b-g4ybf2hmyy] {
        margin: -.3rem 0 1rem
    }

    .nl .nl-pcard-more[b-g4ybf2hmyy] {
        font-size: .9rem;
        font-weight: 500;
        color: var(--ink-2);
        text-underline-offset: 4px
    }

    .nl .nl-eb[b-g4ybf2hmyy],
    .nl .nl-tag[b-g4ybf2hmyy],
    .nl .nl-chip[b-g4ybf2hmyy],
    .nl .nl-card-top[b-g4ybf2hmyy],
    .nl .nl-cmeta[b-g4ybf2hmyy],
    .nl .nl-feed-dom[b-g4ybf2hmyy],
    .nl .nl-pcard-dom[b-g4ybf2hmyy],
    .nl .nl-pfacet-dt[b-g4ybf2hmyy],
    .nl .nl-pv2-facts dt[b-g4ybf2hmyy],
    .nl .nl-facet dt[b-g4ybf2hmyy],
    .nl .nl-facet-dt[b-g4ybf2hmyy] {
        font-weight: 600;
        letter-spacing: .1em
    }

    .nl .nl-idx-crumb a[b-g4ybf2hmyy] {
        color: var(--accent);
        text-decoration: none
    }

        .nl .nl-idx-crumb a:hover[b-g4ybf2hmyy] {
            text-decoration: underline;
            text-underline-offset: .2em
        }

    .nl .nl-idx-crumb span[b-g4ybf2hmyy] {
        color: var(--ink-2)
    }

    .nl .nl-idx-note[b-g4ybf2hmyy] {
        color: var(--ink-2);
        font-size: .95rem;
        margin-top: .4rem
    }

    .nl .nl-facets[b-g4ybf2hmyy] {
        display: grid;
        gap: 1.6rem 2rem;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
        margin-top: 3rem;
        padding-top: 2rem;
        border-top: 1px solid var(--rule)
    }

    .nl .nl-facet-k[b-g4ybf2hmyy] {
        font-size: .6875rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--ink-2);
        margin: 0 0 .7rem
    }

    .nl .nl-facets ul[b-g4ybf2hmyy] {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: .35rem
    }

    .nl .nl-facets a[b-g4ybf2hmyy] {
        color: var(--ink-1);
        text-decoration: none;
        font-size: .95rem
    }

        .nl .nl-facets a:hover[b-g4ybf2hmyy] {
            color: var(--accent);
            text-decoration: underline;
            text-underline-offset: .2em
        }

    .nl .nl-arch-k[b-g4ybf2hmyy] {
        font-size: .6875rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--ink-2);
        margin: 2.4rem 0 1rem
    }

    .nl .nl-arch-grid[b-g4ybf2hmyy] {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr))
    }

    .nl .nl-arch-card[b-g4ybf2hmyy] {
        border: 1px solid var(--rule);
        border-radius: 12px;
        padding: 1.1rem 1.2rem;
        background: var(--paper-1);
        display: grid;
        gap: .35rem;
        align-content: start
    }

        .nl .nl-arch-card h3[b-g4ybf2hmyy] {
            font-size: 1.05rem;
            letter-spacing: -.015em
        }

            .nl .nl-arch-card h3 a[b-g4ybf2hmyy] {
                color: var(--ink-0);
                text-decoration: none
            }

                .nl .nl-arch-card h3 a:hover[b-g4ybf2hmyy] {
                    color: var(--accent)
                }

        .nl .nl-arch-card p[b-g4ybf2hmyy] {
            font-size: .9rem;
            color: var(--ink-1);
            line-height: 1.5
        }

    .nl .nl-arch-n[b-g4ybf2hmyy] {
        font-size: .8rem;
        color: var(--ink-2)
    }

    .nl .nl-arch[b-g4ybf2hmyy] {
        display: grid;
        gap: 0;
        margin-top: 1.5rem
    }

    .nl .nl-arch-row[b-g4ybf2hmyy] {
        display: grid;
        gap: .3rem 1.6rem;
        padding: 1.2rem 0;
        border-top: 1px solid var(--rule-soft)
    }

@media (min-width: 760px) {
    .nl .nl-arch-row[b-g4ybf2hmyy] {
        grid-template-columns: 12rem 1fr
    }
}

.nl .nl-arch-when[b-g4ybf2hmyy] {
    display: grid;
    gap: .1rem
}

    .nl .nl-arch-when b[b-g4ybf2hmyy] {
        font-size: 1rem;
        color: var(--ink-0)
    }

    .nl .nl-arch-when span[b-g4ybf2hmyy] {
        font-size: .85rem;
        color: var(--ink-2)
    }

.nl .nl-arch-what h2[b-g4ybf2hmyy] {
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.45
}

    .nl .nl-arch-what h2 a[b-g4ybf2hmyy] {
        color: var(--ink-0);
        text-decoration: none
    }

        .nl .nl-arch-what h2 a:hover[b-g4ybf2hmyy] {
            color: var(--accent)
        }

.nl .nl-shr[b-g4ybf2hmyy] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .5rem;
    align-items: center;
    margin: .9rem 0 0
}

.nl .nl-shr--pv[b-g4ybf2hmyy] {
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid var(--rule-soft)
}

.nl .nl-shr-b[b-g4ybf2hmyy] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .7rem;
    border: 1px solid var(--rule);
    border-radius: 99px;
    background: transparent;
    color: var(--ink-2);
    font: inherit;
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
    transition: color .15s, border-color .15s, background .15s
}

    .nl .nl-shr-b:hover[b-g4ybf2hmyy] {
        color: var(--ink-0);
        border-color: var(--ink-2)
    }

    .nl .nl-shr-b:focus-visible[b-g4ybf2hmyy] {
        outline: 2px solid var(--focus);
        outline-offset: 2px
    }

    .nl .nl-shr-b.is-done[b-g4ybf2hmyy] {
        color: var(--hold);
        border-color: var(--hold)
    }

.nl .nl-shr-js[b-g4ybf2hmyy] {
    display: none
}

.nl.nl-js .nl-shr-js[b-g4ybf2hmyy] {
    display: inline-flex
}

@media (prefers-reduced-motion: reduce) {
    .nl .nl-shr-b[b-g4ybf2hmyy] {
        transition: none
    }
}

.nl .nl-pv-src[b-g4ybf2hmyy] {
    list-style: none;
    margin: .6rem 0 0;
    padding: 0;
    display: grid;
    gap: .3rem
}

    .nl .nl-pv-src li[b-g4ybf2hmyy] {
        font-size: .85rem;
        line-height: 1.45;
        color: var(--ink-2)
    }

    .nl .nl-pv-src a[b-g4ybf2hmyy] {
        color: var(--accent);
        text-decoration: none
    }

        .nl .nl-pv-src a:hover[b-g4ybf2hmyy] {
            text-decoration: underline;
            text-underline-offset: .2em
        }

.nl .nl-pv-src-p[b-g4ybf2hmyy], .nl .nl-pv-src-d[b-g4ybf2hmyy] {
    color: var(--ink-2)
}

.nl .nl-sec--index .nl-card.nl-feed[b-g4ybf2hmyy] {
    padding-left: clamp(.4rem, 2vw, 1.6rem);
    padding-right: clamp(.4rem, 2vw, 1.6rem)
}

.nl .nl-sec--index .nl-feed .nl-shr[b-g4ybf2hmyy] {
    margin-top: .8rem
}

.nl .nl-feed-src[b-g4ybf2hmyy] {
    margin-top: .6rem;
    font-size: .85rem;
    line-height: 1.45;
    color: var(--ink-2)
}

    .nl .nl-feed-src a[b-g4ybf2hmyy] {
        color: var(--accent);
        text-decoration: none;
        border-bottom: 1px solid color-mix(in srgb, var(--accent) 40%, transparent)
    }

        .nl .nl-feed-src a:hover[b-g4ybf2hmyy] {
            border-bottom-color: currentColor
        }

.nl .nl-pv-src-lead[b-g4ybf2hmyy] {
    margin-top: .9rem
}

.nl .nl-t-compact[b-g4ybf2hmyy],
.nl .nl-t-full[b-g4ybf2hmyy] {
    display: block
}

.nl .nl-t-compact[b-g4ybf2hmyy] {
    font-family: var(--f-display);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.04;
    text-wrap: balance;
    color: var(--ink-0)
}

.nl .nl-t-full[b-g4ybf2hmyy] {
    margin-top: .34em;
    font-family: var(--f-ui);
    font-size: .46em;
    font-weight: 500;
    letter-spacing: -.005em;
    line-height: 1.32;
    color: var(--ink-1);
    text-wrap: pretty
}

.nl .nl-sec--index .nl-feed .nl-card-title .nl-t-compact[b-g4ybf2hmyy] {
    font-size: clamp(1.45rem, 2.5vw, 2rem)
}

.nl .nl-sec--index .nl-feed .nl-card-tg[b-g4ybf2hmyy] {
    text-align: left
}

.nl .nl-pv-h1 .nl-t-compact[b-g4ybf2hmyy] {
    font-size: clamp(2.1rem, 4.6vw, 3.4rem)
}

.nl .nl-pv-h1 .nl-t-full[b-g4ybf2hmyy] {
    font-size: .34em;
    margin-top: .3em;
    color: var(--ink-1)
}

.nl .nl-pcard-title .nl-t-compact[b-g4ybf2hmyy] {
    font-size: 1.12rem
}

.nl .nl-pcard-title .nl-t-full[b-g4ybf2hmyy] {
    font-size: .8rem;
    margin-top: .28em
}

.nl .nl-feed-src--ed[b-g4ybf2hmyy] {
    color: var(--ink-2);
    font-style: italic
}

.nl .nl-t-full[b-g4ybf2hmyy] {
    font-size: .58em;
    font-weight: 500;
    color: var(--ink-1);
    margin-top: .3em
}

.nl .nl-sec--index .nl-feed .nl-card-title .nl-t-full[b-g4ybf2hmyy] {
    font-size: 1.1rem;
    line-height: 1.35
}

.nl .nl-pv-h1 .nl-t-full[b-g4ybf2hmyy] {
    font-size: .42em;
    margin-top: .26em
}

.nl .nl-pcard-title .nl-t-full[b-g4ybf2hmyy] {
    font-size: .9rem
}

.nl .nl-prov[b-g4ybf2hmyy] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-top: .6rem;
    font-size: .8rem;
    line-height: 1.4;
    color: var(--ink-2)
}

    .nl .nl-prov .nl-ic[b-g4ybf2hmyy] {
        width: .95rem;
        height: .95rem;
        flex: none;
        color: var(--accent)
    }

    .nl .nl-prov a[b-g4ybf2hmyy] {
        color: var(--ink-1);
        text-decoration: none;
        border-bottom: 1px solid color-mix(in srgb, var(--accent) 38%, transparent)
    }

        .nl .nl-prov a:hover[b-g4ybf2hmyy] {
            color: var(--accent);
            border-bottom-color: currentColor
        }

.nl .nl-prov--ed[b-g4ybf2hmyy] {
    color: var(--ink-2);
    font-style: italic
}

    .nl .nl-prov--ed .nl-ic[b-g4ybf2hmyy] {
        color: var(--ink-2)
    }

.nl .nl-feed-src--ed .nl-ic[b-g4ybf2hmyy] {
    width: .95rem;
    height: .95rem;
    margin-right: .35rem;
    vertical-align: -.15rem;
    color: var(--ink-2)
}

.nl .nl-sec--radar .nl-startc-title .nl-t-compact[b-g4ybf2hmyy] {
    font-size: 1.42rem;
    font-family: var(--f-display);
    font-weight: 800;
    letter-spacing: -.028em;
    line-height: 1.08;
    color: #0F141B
}

.nl .nl-sec--radar .nl-startc-title .nl-t-full[b-g4ybf2hmyy] {
    font-size: .95rem;
    font-weight: 500;
    font-family: var(--f-ui);
    line-height: 1.35;
    color: #414A57;
    margin-top: .3em
}

.nl .nl-sec--hero .nl-feat-title .nl-t-compact[b-g4ybf2hmyy] {
    font-size: clamp(1.6rem, 2.4vw, 2.3rem);
    color: var(--ink-0)
}

.nl .nl-sec--hero .nl-feat-title .nl-t-full[b-g4ybf2hmyy] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--ink-1);
    margin-top: .34em
}

.nl .nl-pv-retired[b-g4ybf2hmyy] {
    margin: 0 0 1rem;
    padding: .75rem .95rem;
    border-radius: 10px;
    background: var(--reframe-tint);
    color: var(--reframe);
    font-size: .95rem;
    line-height: 1.5
}

.nl .nl-pcard-meta[b-g4ybf2hmyy] {
    margin: 0 0 .8rem;
    font-family: var(--f-mono);
    font-size: .72rem;
    letter-spacing: .04em;
    color: var(--ink-2)
}

.nl .nl-shr-b[b-g4ybf2hmyy] {
    box-sizing: border-box;
    gap: .45rem;
    min-height: 2.4rem;
    padding: .45rem .8rem;
    border-radius: 8px;
    background: var(--paper-1);
    color: var(--ink-1);
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.3
}

    .nl .nl-shr-b .nl-ic[b-g4ybf2hmyy] {
        width: 1rem;
        height: 1rem;
        color: var(--accent)
    }

    .nl .nl-shr-b:hover[b-g4ybf2hmyy] {
        color: var(--ink-0);
        border-color: var(--accent);
        background: var(--accent-tint)
    }

    .nl .nl-shr-b.is-done[b-g4ybf2hmyy] {
        color: var(--hold);
        border-color: var(--hold);
        background: var(--hold-tint)
    }

        .nl .nl-shr-b.is-done .nl-ic[b-g4ybf2hmyy] {
            color: var(--hold)
        }

.nl .nl-shr--pv[b-g4ybf2hmyy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    margin-top: 1.1rem;
    padding-top: 1.1rem
}

    .nl .nl-shr--pv .nl-shr-b[b-g4ybf2hmyy] {
        justify-content: center;
        padding-inline: .6rem
    }

.nl .nl-pv2-head .nl-pv-lede[b-g4ybf2hmyy] {
    max-width: 38em;
    line-height: 1.6;
    color: var(--ink-0)
}

.nl .nl-pv2-facts > div[b-g4ybf2hmyy] {
    grid-template-columns: 12rem minmax(0, 1fr)
}

.nl .nl-pv2-facts dt[b-g4ybf2hmyy] {
    align-items: flex-start
}

    .nl .nl-pv2-facts dt > span[b-g4ybf2hmyy] {
        flex: 1 1 0;
        min-width: 0
    }

    .nl .nl-pv2-facts dt .nl-ic[b-g4ybf2hmyy] {
        margin-top: .05rem
    }

.nl .nl-pv-src[b-g4ybf2hmyy] {
    gap: .45rem;
    font-size: .95rem;
    line-height: 1.5
}

.nl .nl-pv-src-p[b-g4ybf2hmyy], .nl .nl-pv-src-d[b-g4ybf2hmyy] {
    color: var(--ink-2)
}

@media (max-width: 900px) {
    .nl .nl-pv2-facts > div[b-g4ybf2hmyy] {
        grid-template-columns: minmax(0, 1fr)
    }
}

.nl .nl-cite[b-g4ybf2hmyy] {
    margin: 0 0 .7rem;
    font-size: .95rem;
    line-height: 1.55;
    color: var(--ink-1);
    overflow-wrap: anywhere
}

.nl .nl-shr--cite[b-g4ybf2hmyy] {
    margin: 0
}
/* /Components/AinnaPages/VideoShare.razor.rz.scp.css */
.vs[b-ts3e8rgkuq] {
    --vs-ground: #F5F2ED;
    --vs-ink: #14181C;
    --vs-ink-2: #4A5058;
    --vs-ink-3: #8A8F96;
    --vs-rule: rgba(20, 24, 28, 0.10);
    --vs-pink: #F4089B;
    --vs-stage: #0D1A1F;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color: var(--vs-ink);
    background: linear-gradient(180deg, #F8F6F2 0%, #F1EDE6 100%);
    font: 400 17px/1.55 "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

    .vs *[b-ts3e8rgkuq] {
        box-sizing: border-box;
    }

.vs-wrap[b-ts3e8rgkuq] {
    width: min(1120px, calc(100% - 32px));
    margin-inline: auto;
}

.vs-head[b-ts3e8rgkuq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-block: 28px;
}

    .vs-head img[b-ts3e8rgkuq] {
        display: block;
        height: 26px;
        width: auto;
    }

.vs-tag[b-ts3e8rgkuq] {
    margin: 0;
    font: 500 11.5px/1.4 "IBM Plex Mono", ui-monospace, monospace;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--vs-ink-3);
    text-align: right;
}

    .vs-tag b[b-ts3e8rgkuq] {
        font-weight: 500;
        color: var(--vs-ink);
    }

.vs-main[b-ts3e8rgkuq] {
    flex: 1;
    padding-block: clamp(20px, 6vw, 64px) 56px;
}

.vs-eyebrow[b-ts3e8rgkuq] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    font: 500 12px/1 "IBM Plex Mono", ui-monospace, monospace;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--vs-pink);
}

    .vs-eyebrow[b-ts3e8rgkuq]::before {
        content: "";
        width: 28px;
        height: 2px;
        background: var(--vs-pink);
    }

.vs h1[b-ts3e8rgkuq] {
    margin: 18px 0 16px;
    max-width: 21ch;
    font: 650 clamp(34px, 5.4vw, 62px)/1.04 "Archivo", sans-serif;
    letter-spacing: -0.022em;
    text-wrap: balance;
    color: var(--vs-ink);
}

.vs[b-ts3e8rgkuq]  .vs-nb {
    white-space: nowrap;
}

.vs-main h1[b-ts3e8rgkuq] {
    max-width: 28ch;
}

.vs-lede[b-ts3e8rgkuq] {
    margin: 0;
    max-width: 60ch;
    color: var(--vs-ink-2);
    font-size: clamp(16px, 1.55vw, 19px);
}

.vs-film[b-ts3e8rgkuq] {
    position: relative;
    aspect-ratio: 16 / 9;
    margin: clamp(28px, 4vw, 44px) 0 0;
    overflow: hidden;
    border-radius: 16px;
    background: var(--vs-stage);
    box-shadow: 0 1px 0 rgba(20, 24, 28, 0.05), 0 34px 80px -34px rgba(20, 24, 28, 0.50), 0 14px 32px -20px rgba(20, 24, 28, 0.35);
}

    .vs-film video[b-ts3e8rgkuq] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        background: var(--vs-stage);
    }

.vs-play[b-ts3e8rgkuq] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    border: 0;
    padding: 0;
    cursor: pointer;
    background: transparent;
    transition: opacity 0.35s ease;
}

.vs-disc[b-ts3e8rgkuq] {
    display: grid;
    place-items: center;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: var(--vs-pink);
    box-shadow: 0 14px 34px -8px rgba(244, 8, 155, 0.55), 0 0 0 10px rgba(255, 255, 255, 0.14);
    transition: transform 0.25s ease;
}

.vs-play:hover .vs-disc[b-ts3e8rgkuq], .vs-play:focus-visible .vs-disc[b-ts3e8rgkuq] {
    transform: scale(1.06);
}

.vs-play svg[b-ts3e8rgkuq] {
    width: 28px;
    margin-left: 5px;
    fill: #FFFFFF;
}

.vs-meta[b-ts3e8rgkuq] {
    position: absolute;
    left: 22px;
    bottom: 20px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(13, 26, 31, 0.78);
    color: #FFFFFF;
    font: 500 11.5px/1 "IBM Plex Mono", ui-monospace, monospace;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    backdrop-filter: blur(6px);
}

.vs-film.is-started .vs-play[b-ts3e8rgkuq] {
    opacity: 0;
    pointer-events: none;
}

.vs-caption[b-ts3e8rgkuq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px 40px;
    margin: 16px 0 0;
}

    .vs-caption .vs-quiet[b-ts3e8rgkuq] {
        flex-shrink: 0;
        white-space: nowrap;
    }

.vs-disclaimer[b-ts3e8rgkuq] {
    display: flex;
    gap: 10px;
    max-width: 64ch;
    margin: 0;
    color: var(--vs-ink-3);
    font-size: 13.5px;
    line-height: 1.5;
}

    .vs-disclaimer svg[b-ts3e8rgkuq] {
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        margin-top: 2px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
    }

    .vs-disclaimer b[b-ts3e8rgkuq] {
        color: var(--vs-ink-2);
        font-weight: 600;
    }

.vs-after[b-ts3e8rgkuq] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px 48px;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid var(--vs-rule);
}

.vs-after-text[b-ts3e8rgkuq] {
    max-width: 560px;
}

.vs h2[b-ts3e8rgkuq] {
    margin: 0;
    font: 650 clamp(22px, 2.4vw, 28px)/1.15 "Archivo", sans-serif;
    letter-spacing: -0.012em;
    color: var(--vs-ink);
}

.vs-after p[b-ts3e8rgkuq] {
    margin: 6px 0 0;
    color: var(--vs-ink-2);
}

.vs-actions[b-ts3e8rgkuq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 24px;
}

.vs-btn[b-ts3e8rgkuq] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 24px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    background: var(--vs-ink);
    color: #FFFFFF;
    text-decoration: none;
    font: 600 15px/1 "IBM Plex Sans", sans-serif;
    transition: background 0.2s ease;
}

    .vs-btn:hover[b-ts3e8rgkuq], .vs-btn:focus-visible[b-ts3e8rgkuq] {
        background: #000000;
        color: #FFFFFF;
    }

    .vs-btn i[b-ts3e8rgkuq] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--vs-pink);
    }

    .vs-btn small[b-ts3e8rgkuq] {
        margin-left: 4px;
        padding-left: 12px;
        border-left: 1px solid rgba(255, 255, 255, 0.25);
        color: rgba(255, 255, 255, 0.7);
        font: 500 11px/1 "IBM Plex Mono", ui-monospace, monospace;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

.vs-quiet[b-ts3e8rgkuq] {
    color: var(--vs-ink-2);
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid rgba(20, 24, 28, 0.22);
    padding-bottom: 1px;
}

    .vs-quiet:hover[b-ts3e8rgkuq] {
        color: var(--vs-ink);
        border-color: var(--vs-ink);
    }

.vs-foot[b-ts3e8rgkuq] {
    padding-block: 0 36px;
}

    .vs-foot .vs-wrap[b-ts3e8rgkuq] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px 24px;
        padding-top: 20px;
        border-top: 1px solid var(--vs-rule);
        color: var(--vs-ink-3);
        font-size: 13px;
    }

.vs-gate[b-ts3e8rgkuq] {
    flex: 1;
    padding-block: clamp(28px, 8vw, 96px) 72px;
}

    .vs-gate .vs-lede[b-ts3e8rgkuq] {
        max-width: 46ch;
    }

.vs-pin[b-ts3e8rgkuq] {
    margin-top: 36px;
}

.vs-pin-label[b-ts3e8rgkuq] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    font: 500 11.5px/1 "IBM Plex Mono", ui-monospace, monospace;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--vs-ink-3);
}

    .vs-pin-label svg[b-ts3e8rgkuq] {
        width: 14px;
        height: 14px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.vs-pin-row[b-ts3e8rgkuq] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 14px;
}

.vs-pin[b-ts3e8rgkuq]  .vs-pin-input {
    width: 236px;
    max-width: 100%;
    margin: 0;
    padding: 16px 18px 16px calc(18px + 0.42em);
    border: 1px solid rgba(20, 24, 28, 0.18);
    border-radius: 14px;
    background: #FFFFFF;
    color: var(--vs-ink);
    font: 500 28px/1 "IBM Plex Mono", ui-monospace, monospace;
    letter-spacing: 0.42em;
    text-align: center;
    box-shadow: inset 0 1px 2px rgba(20, 24, 28, 0.06);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .vs-pin[b-ts3e8rgkuq]  .vs-pin-input::placeholder {
        color: rgba(20, 24, 28, 0.22);
    }

    .vs-pin[b-ts3e8rgkuq]  .vs-pin-input:focus {
        outline: none;
        border-color: var(--vs-pink);
        box-shadow: 0 0 0 4px rgba(244, 8, 155, 0.14);
    }

    .vs-pin[b-ts3e8rgkuq]  .vs-pin-input[aria-invalid="true"] {
        border-color: #B8163F;
    }

.vs-pin-row .vs-btn[b-ts3e8rgkuq] {
    padding: 0 28px;
}

    .vs-pin-row .vs-btn:disabled[b-ts3e8rgkuq] {
        opacity: 0.6;
        cursor: default;
    }

.vs-pin-error[b-ts3e8rgkuq] {
    margin: 14px 0 0;
    color: #B8163F;
    font-size: 15px;
}

.vs-pin-help[b-ts3e8rgkuq] {
    margin: 18px 0 0;
    color: var(--vs-ink-3);
    font-size: 14px;
}

.vs-note[b-ts3e8rgkuq] {
    flex: 1;
    padding-block: clamp(48px, 12vw, 140px);
}

    .vs-note h1[b-ts3e8rgkuq] {
        margin: 0 0 14px;
    }

    .vs-note p[b-ts3e8rgkuq] {
        margin: 0;
        color: var(--vs-ink-2);
    }

    .vs-note a[b-ts3e8rgkuq] {
        color: var(--vs-ink);
    }

.vs a:focus-visible[b-ts3e8rgkuq], .vs button:focus-visible[b-ts3e8rgkuq] {
    outline: 2px solid var(--vs-pink);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .vs-head[b-ts3e8rgkuq] {
        padding-block: 20px;
    }

    .vs-conf[b-ts3e8rgkuq] {
        display: none;
    }

    .vs-disc[b-ts3e8rgkuq] {
        width: 68px;
        height: 68px;
    }

    .vs-play svg[b-ts3e8rgkuq] {
        width: 22px;
    }

    .vs-meta[b-ts3e8rgkuq] {
        left: 12px;
        bottom: 12px;
        padding: 7px 11px;
        font-size: 10px;
    }

    .vs-actions[b-ts3e8rgkuq] {
        width: 100%;
    }

    .vs-pin[b-ts3e8rgkuq]  .vs-pin-input {
        width: 100%;
    }

    .vs-pin-row .vs-btn[b-ts3e8rgkuq] {
        width: 100%;
        justify-content: center;
        padding: 22px 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vs-play[b-ts3e8rgkuq], .vs-disc[b-ts3e8rgkuq], .vs-btn[b-ts3e8rgkuq] {
        transition: none;
    }
}
/* /Components/AinnaSmartBillingAndPurchaseHistory.razor.rz.scp.css */
.billing-page[b-qswhspyqk9] {
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    background: var(--background-secondary);
}

    .billing-page *[b-qswhspyqk9] {
        box-sizing: border-box;
    }

.bg-pattern[b-qswhspyqk9] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    background-size: 30px 30px;
    z-index: 0;
}

.billing-wrapper[b-qswhspyqk9] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 72px 40px 80px;
    position: relative;
    z-index: 1;
}

.page-header[b-qswhspyqk9] {
    margin-bottom: 48px;
}

.page-title[b-qswhspyqk9] {
    font-size: 36px;
    font-weight: 800;
    color: var(--text-heading);
    margin: 0 0 12px 0;
    letter-spacing: -1px;
}

.page-subtitle[b-qswhspyqk9] {
    font-size: 16px;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
}

.billing-layout[b-qswhspyqk9] {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 32px;
    align-items: start;
}

.left-column[b-qswhspyqk9] {
    position: sticky;
    top: 24px;
    z-index: 10;
}

.sticky-content[b-qswhspyqk9] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.main-column[b-qswhspyqk9] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.plan-card[b-qswhspyqk9] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 24px;
    position: relative;
}

    .plan-card.has-subscription[b-qswhspyqk9] {
        border-color: color-mix(in srgb, var(--accent) 25%, var(--border-color));
    }

.plan-header[b-qswhspyqk9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.plan-badge[b-qswhspyqk9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--text-tertiary);
}

    .plan-badge i[b-qswhspyqk9] {
        font-size: 12px;
        color: var(--accent);
    }

.plan-status[b-qswhspyqk9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary);
    background: rgba(52, 168, 83, 0.1);
    padding: 4px 10px;
    border-radius: 20px;
}

    .plan-status .status-dot[b-qswhspyqk9] {
        width: 6px;
        height: 6px;
        background: #34a853;
        border-radius: 50%;
    }

.plan-name[b-qswhspyqk9] {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-heading);
    margin-bottom: 8px;
    letter-spacing: -0.5px;
}

.plan-price-block[b-qswhspyqk9] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 6px;
}

.plan-price[b-qswhspyqk9] {
    font-size: 32px;
    font-weight: 800;
    color: var(--text-heading);
    letter-spacing: -1px;
}

.plan-period[b-qswhspyqk9] {
    font-size: 14px;
    color: var(--text-tertiary);
    font-weight: 500;
}

.plan-renewal[b-qswhspyqk9] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 16px;
}

    .plan-renewal i[b-qswhspyqk9] {
        font-size: 11px;
        color: var(--text-tertiary);
    }

.plan-details[b-qswhspyqk9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.plan-detail-item[b-qswhspyqk9] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--text-secondary);
}

    .plan-detail-item i[b-qswhspyqk9] {
        width: 16px;
        font-size: 12px;
        color: var(--text-tertiary);
        text-align: center;
    }

.account-section[b-qswhspyqk9] {
    padding-top: 16px;
    margin-bottom: 16px;
}

.account-section-label[b-qswhspyqk9] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-tertiary);
    margin-bottom: 12px;
}

.info-list[b-qswhspyqk9] {
    display: flex;
    flex-direction: column;
}

.info-item[b-qswhspyqk9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--border-color);
}

    .info-item:last-child[b-qswhspyqk9] {
        border-bottom: none;
    }

.info-label[b-qswhspyqk9] {
    font-size: 13px;
    color: var(--text-tertiary);
}

.info-value[b-qswhspyqk9] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
}

    .info-value.value-on[b-qswhspyqk9] {
        color: #34a853;
    }

    .info-value.value-off[b-qswhspyqk9] {
        color: var(--text-tertiary);
    }

.btn-plan-action[b-qswhspyqk9] {
    width: 100%;
    padding: 12px 16px;
    background: var(--text-heading);
    color: var(--background-primary);
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .btn-plan-action:hover[b-qswhspyqk9] {
        opacity: 0.9;
        transform: translateY(-1px);
    }

    .btn-plan-action i[b-qswhspyqk9] {
        font-size: 12px;
        transition: transform 0.2s ease;
    }

    .btn-plan-action:hover i[b-qswhspyqk9] {
        transform: translateX(3px);
    }

.plan-card-actions[b-qswhspyqk9] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn-action[b-qswhspyqk9] {
    width: 100%;
    padding: 10px 14px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.btn-renew[b-qswhspyqk9] {
    background: #34a853;
    color: white;
    border: none;
}

    .btn-renew:hover[b-qswhspyqk9] {
        background: #2d9248;
    }

.btn-cancel-sub[b-qswhspyqk9] {
    background: transparent;
    color: var(--text-tertiary);
    border: 1px solid var(--border-color);
}

    .btn-cancel-sub:hover[b-qswhspyqk9] {
        color: #ea4335;
        border-color: rgba(234, 67, 53, 0.3);
        background: rgba(234, 67, 53, 0.05);
    }

.info-card[b-qswhspyqk9] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 20px;
}

.info-card-header[b-qswhspyqk9] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

    .info-card-header i[b-qswhspyqk9] {
        font-size: 14px;
        color: var(--text-tertiary);
    }

.payment-card .payment-text[b-qswhspyqk9] {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0 0 14px 0;
}

.stripe-badge[b-qswhspyqk9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: var(--background-secondary);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #635BFF;
}

    .stripe-badge i[b-qswhspyqk9] {
        font-size: 18px;
    }

.support-card[b-qswhspyqk9] {
    padding: 16px 20px;
}

    .support-card .support-note[b-qswhspyqk9] {
        font-size: 13px;
        color: var(--text-secondary);
        line-height: 1.5;
        margin: 0 0 12px 0;
    }

    .support-card .support-email[b-qswhspyqk9] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 13px;
        color: var(--accent);
        text-decoration: none;
        font-weight: 500;
        transition: opacity 0.2s ease;
    }

        .support-card .support-email:hover[b-qswhspyqk9] {
            opacity: 0.8;
        }

        .support-card .support-email i[b-qswhspyqk9] {
            font-size: 12px;
        }

.section-card[b-qswhspyqk9] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 20px;
    padding: 32px;
}

.card-header[b-qswhspyqk9] {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}

.card-title[b-qswhspyqk9] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-heading);
    margin: 0 0 6px 0;
    letter-spacing: -0.3px;
}

.card-desc[b-qswhspyqk9] {
    font-size: 14px;
    color: var(--text-tertiary);
    margin: 0;
}

.form-grid[b-qswhspyqk9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-field[b-qswhspyqk9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .form-field.full[b-qswhspyqk9] {
        grid-column: 1 / -1;
    }

.form-label[b-qswhspyqk9] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.required[b-qswhspyqk9] {
    color: var(--accent);
    font-weight: 700;
}

.form-input[b-qswhspyqk9],
.form-select[b-qswhspyqk9] {
    padding: 14px 16px;
    border: 1.5px solid var(--border-color);
    border-radius: 10px;
    font-family: inherit;
    font-size: 14px;
    background: var(--background-secondary);
    color: var(--text-primary);
    transition: border-color 0.2s ease, background-color 0.2s ease;
    width: 100%;
    outline: none;
}

    .form-input[b-qswhspyqk9]::placeholder {
        color: var(--text-tertiary);
        opacity: 0.7;
    }

    .form-input:focus[b-qswhspyqk9],
    .form-select:focus[b-qswhspyqk9] {
        border-color: var(--accent);
        background: var(--background-primary);
    }

    .form-input:hover[b-qswhspyqk9],
    .form-select:hover[b-qswhspyqk9] {
        border-color: var(--text-tertiary);
    }

.form-select[b-qswhspyqk9] {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 48px;
}

    .form-select:focus[b-qswhspyqk9] {
        border-color: var(--accent);
        background-color: var(--background-primary);
        outline: none;
        box-shadow: none;
    }

.form-actions[b-qswhspyqk9] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: flex-end;
}

.btn-save[b-qswhspyqk9] {
    padding: 14px 28px;
    background: var(--text-heading);
    color: var(--background-primary);
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .btn-save:hover:not(:disabled)[b-qswhspyqk9] {
        opacity: 0.9;
        transform: translateY(-1px);
    }

    .btn-save:disabled[b-qswhspyqk9] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.table-wrapper[b-qswhspyqk9] {
    overflow-x: auto;
    margin: 0 -8px;
    padding: 0 8px;
}

.data-table[b-qswhspyqk9] {
    width: 100%;
    border-collapse: collapse;
    min-width: 650px;
}

    .data-table th[b-qswhspyqk9] {
        text-align: left;
        padding: 12px 14px;
        font-size: 11px;
        font-weight: 600;
        color: var(--text-tertiary);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 2px solid var(--border-color);
        white-space: nowrap;
    }

        .data-table th.text-center[b-qswhspyqk9] {
            text-align: center;
        }

        .data-table th.text-right[b-qswhspyqk9] {
            text-align: right;
        }

    .data-table td[b-qswhspyqk9] {
        padding: 14px;
        font-size: 13px;
        color: var(--text-secondary);
        border-bottom: 1px solid var(--border-color);
        vertical-align: middle;
    }

    .data-table tr:hover[b-qswhspyqk9] {
        background: var(--background-secondary);
    }

    .data-table tr:last-child td[b-qswhspyqk9] {
        border-bottom: none;
    }

.cell-date[b-qswhspyqk9] {
    font-weight: 500;
    color: var(--text-primary);
    white-space: nowrap;
}

.type-tag[b-qswhspyqk9] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.type-purchase[b-qswhspyqk9] {
    background: rgba(26, 115, 232, 0.1);
    color: #1a73e8;
}

.type-credit[b-qswhspyqk9] {
    background: rgba(52, 168, 83, 0.1);
    color: #34a853;
}

.type-refund[b-qswhspyqk9] {
    background: rgba(251, 188, 4, 0.1);
    color: #f9a825;
}

.type-bonus[b-qswhspyqk9] {
    background: rgba(156, 136, 255, 0.1);
    color: #9c88ff;
}

.type-default[b-qswhspyqk9] {
    background: var(--background-secondary);
    color: var(--text-secondary);
}

.cell-context[b-qswhspyqk9] {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cell-packs[b-qswhspyqk9] {
    font-weight: 600;
    color: var(--text-primary);
}

.cell-amount[b-qswhspyqk9] {
    font-weight: 600;
    color: var(--text-primary);
    white-space: nowrap;
}

.cell-notes[b-qswhspyqk9] {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-tertiary);
    font-size: 12px;
}

.empty-state[b-qswhspyqk9] {
    text-align: center;
    padding: 48px 24px;
}

    .empty-state i[b-qswhspyqk9] {
        font-size: 32px;
        color: var(--text-tertiary);
        margin-bottom: 16px;
        opacity: 0.5;
    }

    .empty-state h3[b-qswhspyqk9] {
        font-size: 15px;
        font-weight: 600;
        color: var(--text-primary);
        margin: 0 0 6px 0;
    }

    .empty-state p[b-qswhspyqk9] {
        font-size: 13px;
        color: var(--text-tertiary);
        margin: 0;
        max-width: 260px;
        margin: 0 auto;
    }

.load-more[b-qswhspyqk9] {
    margin-top: 20px;
    text-align: center;
}

.btn-load[b-qswhspyqk9] {
    padding: 10px 20px;
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .btn-load:hover:not(:disabled)[b-qswhspyqk9] {
        background: var(--background-secondary);
        border-color: var(--text-tertiary);
    }

    .btn-load:disabled[b-qswhspyqk9] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.spinner[b-qswhspyqk9] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: spin-b-qswhspyqk9 0.8s linear infinite;
}

.btn-load .spinner[b-qswhspyqk9] {
    border-color: rgba(0, 0, 0, 0.15);
    border-top-color: var(--text-secondary);
}

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

.toast[b-qswhspyqk9] {
    position: fixed;
    top: 24px;
    right: 24px;
    padding: 14px 18px;
    background: var(--background-primary);
    border-radius: 10px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 1000;
    max-width: 360px;
    transform: translateX(calc(100% + 24px));
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    .toast.show[b-qswhspyqk9] {
        transform: translateX(0);
    }

    .toast.success i[b-qswhspyqk9] {
        color: #34a853;
        font-size: 18px;
    }

    .toast.error i[b-qswhspyqk9] {
        color: #ea4335;
        font-size: 18px;
    }

.toast-content[b-qswhspyqk9] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .toast-content strong[b-qswhspyqk9] {
        font-size: 13px;
        font-weight: 600;
        color: var(--text-primary);
    }

    .toast-content span[b-qswhspyqk9] {
        font-size: 12px;
        color: var(--text-secondary);
    }

.toast-close[b-qswhspyqk9] {
    background: none;
    border: none;
    color: var(--text-tertiary);
    cursor: pointer;
    padding: 4px;
    margin: -4px -4px -4px 0;
    transition: color 0.2s ease;
}

    .toast-close:hover[b-qswhspyqk9] {
        color: var(--text-primary);
    }

@media (max-width: 1200px) {
    .billing-wrapper[b-qswhspyqk9] {
        padding: 56px 32px 80px;
    }

    .billing-layout[b-qswhspyqk9] {
        grid-template-columns: 300px 1fr;
        gap: 28px;
    }
}

@media (max-width: 968px) {
    .billing-layout[b-qswhspyqk9] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .left-column[b-qswhspyqk9] {
        position: static;
    }

    .sticky-content[b-qswhspyqk9] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .plan-card[b-qswhspyqk9] {
        grid-column: 1 / -1;
    }

    .form-grid[b-qswhspyqk9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .billing-wrapper[b-qswhspyqk9] {
        padding: 40px 20px 60px;
    }

    .page-title[b-qswhspyqk9] {
        font-size: 28px;
    }

    .sticky-content[b-qswhspyqk9] {
        grid-template-columns: 1fr;
    }

    .section-card[b-qswhspyqk9] {
        padding: 24px 20px;
        border-radius: 16px;
    }

    .toast[b-qswhspyqk9] {
        left: 16px;
        right: 16px;
        max-width: none;
    }
}

@media (max-width: 480px) {
    .billing-wrapper[b-qswhspyqk9] {
        padding: 32px 16px 48px;
    }

    .page-header[b-qswhspyqk9] {
        margin-bottom: 32px;
    }

    .page-title[b-qswhspyqk9] {
        font-size: 24px;
    }

    .plan-card[b-qswhspyqk9] {
        padding: 20px;
    }

    .plan-name[b-qswhspyqk9] {
        font-size: 20px;
    }

    .plan-price[b-qswhspyqk9] {
        font-size: 28px;
    }

    .section-card[b-qswhspyqk9] {
        padding: 20px 16px;
    }

    .card-title[b-qswhspyqk9] {
        font-size: 18px;
    }

    .table-wrapper[b-qswhspyqk9] {
        margin: 0 -16px;
        padding: 0 16px;
    }

    .form-actions[b-qswhspyqk9] {
        justify-content: stretch;
    }

    .btn-save[b-qswhspyqk9] {
        width: 100%;
        justify-content: center;
    }

    .info-card[b-qswhspyqk9] {
        padding: 16px;
    }

    .support-card[b-qswhspyqk9] {
        padding: 14px 16px;
    }
}

.table-wrapper[b-qswhspyqk9]::-webkit-scrollbar {
    height: 6px;
}

.table-wrapper[b-qswhspyqk9]::-webkit-scrollbar-track {
    background: var(--background-secondary);
    border-radius: 3px;
}

.table-wrapper[b-qswhspyqk9]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}

    .table-wrapper[b-qswhspyqk9]::-webkit-scrollbar-thumb:hover {
        background: var(--text-tertiary);
    }

.spinner-dark[b-qswhspyqk9] {
    border-color: rgba(0, 0, 0, 0.15);
    border-top-color: var(--text-secondary);
}

.cancel-requested[b-qswhspyqk9] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12px;
    line-height: 1.5;
    color: #2d9248;
    background: rgba(52, 168, 83, 0.08);
    border-radius: 8px;
    padding: 10px 12px;
}

    .cancel-requested i[b-qswhspyqk9] {
        margin-top: 2px;
        flex-shrink: 0;
    }

.plan-banner[b-qswhspyqk9] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    margin-bottom: 12px;
    border: 1px solid var(--border-color);
}

    .plan-banner i[b-qswhspyqk9] {
        font-size: 14px;
        margin-top: 2px;
        flex-shrink: 0;
    }

.plan-banner--warning[b-qswhspyqk9] {
    background: color-mix(in srgb, #f59e0b 9%, transparent);
    border-color: color-mix(in srgb, #f59e0b 35%, transparent);
}

    .plan-banner--warning i[b-qswhspyqk9] {
        color: #b45309;
    }

.plan-banner--info[b-qswhspyqk9] {
    background: color-mix(in srgb, var(--accent) 7%, transparent);
    border-color: color-mix(in srgb, var(--accent) 30%, transparent);
}

    .plan-banner--info i[b-qswhspyqk9] {
        color: var(--accent);
    }

.plan-banner-text[b-qswhspyqk9] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .plan-banner-text strong[b-qswhspyqk9] {
        font-size: 12.5px;
        font-weight: 700;
        color: var(--text-heading);
    }

    .plan-banner-text span[b-qswhspyqk9] {
        font-size: 12px;
        color: var(--text-secondary);
        line-height: 1.55;
    }

.plan-banner-link[b-qswhspyqk9] {
    color: var(--accent);
    font-weight: 600;
    text-decoration: none;
}

    .plan-banner-link:hover[b-qswhspyqk9] {
        text-decoration: underline;
    }


.cancel-flow[b-qswhspyqk9] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background: var(--background-secondary);
}

.cancel-flow-header[b-qswhspyqk9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .cancel-flow-header strong[b-qswhspyqk9] {
        font-size: 13.5px;
        font-weight: 700;
        color: var(--text-heading);
    }

    .cancel-flow-header span[b-qswhspyqk9] {
        font-size: 12.5px;
        color: var(--text-secondary);
        line-height: 1.6;
    }

.cancel-flow-link[b-qswhspyqk9] {
    color: var(--accent);
    font-weight: 600;
    text-decoration: none;
}

    .cancel-flow-link:hover[b-qswhspyqk9] {
        text-decoration: underline;
    }

.btn-keep-plan[b-qswhspyqk9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 16px;
    border-radius: 9px;
    border: none;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    background: var(--accent);
    color: #fff;
    transition: filter 0.2s ease, transform 0.2s ease;
}

    .btn-keep-plan:hover[b-qswhspyqk9] {
        filter: brightness(1.08);
        transform: translateY(-1px);
    }

.cancel-reasons[b-qswhspyqk9] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.reason-chip[b-qswhspyqk9] {
    padding: 6px 12px;
    border-radius: 50px;
    border: 1px solid var(--border-color);
    background: var(--background-primary);
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

    .reason-chip:hover[b-qswhspyqk9] {
        border-color: var(--text-tertiary);
    }

    .reason-chip.selected[b-qswhspyqk9] {
        border-color: var(--accent);
        background: color-mix(in srgb, var(--accent) 8%, transparent);
        color: var(--text-heading);
    }

.cancel-comment[b-qswhspyqk9] {
    width: 100%;
    min-height: 64px;
    max-height: 140px;
    resize: vertical;
    padding: 10px 12px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background: var(--background-primary);
    color: var(--text-primary);
    font-family: inherit;
    font-size: 12.5px;
    line-height: 1.55;
    box-sizing: border-box;
    outline: none;
}

    .cancel-comment:focus[b-qswhspyqk9] {
        border-color: var(--accent);
    }

.plan-status--ending[b-qswhspyqk9] {
    color: #b45309;
}

    .plan-status--ending .status-dot[b-qswhspyqk9] {
        background: #f59e0b;
    }

.type-renewal[b-qswhspyqk9] {
    background: color-mix(in srgb, var(--accent) 10%, transparent);
    color: var(--text-heading);
}

.invoice-none[b-qswhspyqk9] {
    color: var(--text-tertiary);
    font-size: 12px;
}


.btn-invoice[b-qswhspyqk9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: transparent;
    color: var(--text-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-invoice:hover[b-qswhspyqk9] {
        color: var(--accent);
        border-color: color-mix(in srgb, var(--accent) 40%, var(--border-color));
        background: var(--background-secondary);
    }

    .btn-invoice i[b-qswhspyqk9] {
        font-size: 12px;
    }

:focus-visible[b-qswhspyqk9] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
    *[b-qswhspyqk9] {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}

.plan-card[b-qswhspyqk9],
.info-card[b-qswhspyqk9],
.section-card[b-qswhspyqk9] {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 6px 16px rgba(0, 0, 0, 0.04);
}


.inline-confirm[b-qswhspyqk9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, #ea4335 22%, var(--border-color));
    background: rgba(234, 67, 53, 0.04);
    border-radius: 10px;
}

.inline-confirm-compact[b-qswhspyqk9] {
    text-align: center;
}

    .inline-confirm-compact .inline-confirm-text[b-qswhspyqk9] {
        align-items: center;
    }

.inline-confirm-text[b-qswhspyqk9] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .inline-confirm-text strong[b-qswhspyqk9] {
        font-size: 13px;
        font-weight: 600;
        color: var(--text-primary);
    }

    .inline-confirm-text span[b-qswhspyqk9] {
        font-size: 12px;
        color: var(--text-secondary);
        line-height: 1.5;
    }

.inline-confirm-actions[b-qswhspyqk9] {
    display: flex;
    gap: 8px;
}

.btn-confirm-danger[b-qswhspyqk9] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 14px;
    background: #ea4335;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .btn-confirm-danger:hover:not(:disabled)[b-qswhspyqk9] {
        background: #d33426;
    }

    .btn-confirm-danger:disabled[b-qswhspyqk9] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.btn-confirm-ghost[b-qswhspyqk9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-confirm-ghost:hover:not(:disabled)[b-qswhspyqk9] {
        background: var(--background-secondary);
        border-color: var(--text-tertiary);
    }

    .btn-confirm-ghost:disabled[b-qswhspyqk9] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.btn-action:disabled[b-qswhspyqk9] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-cancel-sub:disabled:hover[b-qswhspyqk9] {
    color: var(--text-tertiary);
    border-color: var(--border-color);
    background: transparent;
}

.cancel-hint[b-qswhspyqk9] {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: var(--text-tertiary);
    text-align: center;
}
/* /Components/AinnaSmartChatControl3.razor.rz.scp.css */
*[b-q5lv73xlv9] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.chat-section[b-q5lv73xlv9] {
    width: 100%;
    min-width: 18.75rem;
    max-width: 40rem;
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    font-family: var(--font-family-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: transparent;
}

@media (min-width: 901px) {
    @supports (padding: env(safe-area-inset-top)) {
        .chat-section[b-q5lv73xlv9] {
            padding-top: env(safe-area-inset-top);
            padding-left: env(safe-area-inset-left);
            padding-right: env(safe-area-inset-right);
        }
    }
}

.welcome-hero[b-q5lv73xlv9] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 4rem 1.5rem 1rem 1.25rem;
    position: relative;
    z-index: 5;
    overflow: hidden;
    opacity: 1;
    animation: welcomeHeroFadeIn-b-q5lv73xlv9 0.6s ease-out;
}

@keyframes welcomeHeroFadeIn-b-q5lv73xlv9 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.welcome-hero-content[b-q5lv73xlv9] {
    text-align: left;
    max-width: 100%;
    padding-left: 0;
}

.welcome-hero-title[b-q5lv73xlv9] {
    font-family: var(--font-family-primary);
    font-size: clamp(1.875rem, 4.5vw, 2.875rem);
    font-weight: 700;
    color: var(--text-heading);
    letter-spacing: -0.035em;
    line-height: 1.15;
    margin: 0 0 1.75rem 0;
    min-height: 4rem;
}

.welcome-typed-text[b-q5lv73xlv9] {
    display: inline;
    background: linear-gradient(135deg, #2c2824 0%, #3e3832 40%, #564e46 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.chat-container[b-q5lv73xlv9] {
    flex: 1;
    padding: 0.5rem 0 0;
    overflow: hidden;
    position: relative;
    z-index: 10;
    min-height: 0;
}

    .chat-container[b-q5lv73xlv9]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 1rem;
        right: 1rem;
        height: 2rem;
        background: transparent;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        mask-image: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 50%, transparent 100%);
        -webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 50%, transparent 100%);
        z-index: 15;
        pointer-events: none;
    }

.chat-wrapper[b-q5lv73xlv9] {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.messages-container[b-q5lv73xlv9] {
    height: 100%;
    overflow-y: auto;
    overflow-x: visible;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0;
    scroll-behavior: smooth;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
    margin: 0 auto;
    width: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.message-card[b-q5lv73xlv9] {
    display: flex;
    flex-direction: column;
    background: #fefdfb;
    border-radius: 1.125rem 1.125rem 0.25rem 1.125rem;
    border: 1px solid rgba(200, 195, 187, 0.45);
    align-self: flex-end;
    max-width: 80%;
    width: auto;
    margin-bottom: 0;
    overflow: hidden;
    transition: all 0.2s ease;
    animation: messageSettle-b-q5lv73xlv9 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

    .message-card:hover[b-q5lv73xlv9] {
        border-color: rgba(200, 195, 187, 0.6);
        box-shadow: 0 2px 6px rgba(80, 70, 55, 0.08), 0 6px 20px rgba(80, 70, 55, 0.05);
    }

    .message-card .message-avatar[b-q5lv73xlv9] {
        display: flex;
        order: 2;
        flex-shrink: 0;
        align-self: flex-start;
    }

.message-main[b-q5lv73xlv9] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    padding: 0.875rem 0.875rem 0.875rem 1.0625rem;
}

.message-avatar[b-q5lv73xlv9] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.5rem;
    overflow: hidden;
    flex-shrink: 0;
    background: transparent;
}

    .message-avatar img[b-q5lv73xlv9] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.message-avatar-initial[b-q5lv73xlv9] {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    background: rgba(118, 104, 160, 0.07);
    border: 1px solid rgba(118, 104, 160, 0.16);
    color: var(--ink-3);
    font-size: 0.75rem;
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0;
    line-height: 1;
}

.message-avatar.user[b-q5lv73xlv9] {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
}

.message-content[b-q5lv73xlv9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.message-card.collapsed[b-q5lv73xlv9] {
    cursor: pointer;
}

.message-card.expanded[b-q5lv73xlv9] {
    cursor: default;
}

.message-card.collapsed .message-main[b-q5lv73xlv9]::after {
    content: '\f078';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 0.4375rem;
    color: var(--ink-6);
    align-self: center;
    flex-shrink: 0;
    margin-left: 0.375rem;
    order: 1;
    transition: color 0.15s ease;
}

.message-card.collapsed:hover .message-main[b-q5lv73xlv9]::after {
    color: var(--ink-5);
}

.message-card.expanded .message-main[b-q5lv73xlv9]::after {
    display: none;
}

.message-text-user[b-q5lv73xlv9] {
    color: var(--ink-2);
    font-size: var(--text-sm);
    line-height: 1.4;
    font-weight: 440;
    letter-spacing: -0.015em;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.message-card.collapsed .message-text-user[b-q5lv73xlv9] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.message-card.expanded .message-text-user[b-q5lv73xlv9] {
    display: block;
    -webkit-line-clamp: unset;
}

.message-footer[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.3125rem 0.9375rem;
    border-top: 1px solid rgba(200, 195, 187, 0.25);
    background: rgba(252, 250, 247, 0.5);
}

.message-card.collapsed .message-footer[b-q5lv73xlv9] {
    display: none;
}

.message-card.expanded .message-footer[b-q5lv73xlv9] {
    display: flex;
}

.message-recency[b-q5lv73xlv9] {
    font-size: var(--text-2xs);
    color: var(--ink-6);
    font-weight: 500;
}

.ai-history-card[b-q5lv73xlv9] {
    display: flex;
    flex-direction: column;
    background: #faf9f6;
    border: 1px solid rgba(200, 195, 187, 0.4);
    border-radius: 0.875rem 0.875rem 0.875rem 0.25rem;
    align-self: flex-start;
    max-width: 88%;
    width: auto;
    margin-bottom: 0;
    overflow: hidden;
    transition: all 0.25s ease;
    animation: settleIn-b-q5lv73xlv9 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 1px 3px rgba(80, 70, 55, 0.05), 0 3px 10px rgba(80, 70, 55, 0.04), 0 8px 24px rgba(80, 70, 55, 0.03);
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
}

    .ai-history-card.expanded[b-q5lv73xlv9] {
        cursor: default;
        background: #ffffff;
        box-shadow: 0 2px 8px rgba(80, 70, 55, 0.07), 0 6px 20px rgba(80, 70, 55, 0.05);
    }

.ai-history-card--latest[b-q5lv73xlv9] {
    background: linear-gradient(180deg, #ffffff 0%, #fdfaf3 100%);
    animation: historyLatestIn-b-q5lv73xlv9 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes historyLatestIn-b-q5lv73xlv9 {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ai-history-card:hover[b-q5lv73xlv9] {
    border-color: rgba(200, 195, 187, 0.6);
    box-shadow: 0 2px 6px rgba(80, 70, 55, 0.06);
}

.ai-history-card--static[b-q5lv73xlv9] {
    cursor: default;
}

    .ai-history-card--static .ai-history-main[b-q5lv73xlv9] {
        cursor: default;
        padding-right: 0.625rem;
    }

.ai-history-card.collapsed .ai-history-tagline[b-q5lv73xlv9],
.ai-history-card.collapsed .ai-history-text[b-q5lv73xlv9],
.ai-history-card.collapsed .ai-history-chips[b-q5lv73xlv9],
.ai-history-card.collapsed .ai-history-detail[b-q5lv73xlv9],
.ai-history-card.collapsed .ai-history-footer[b-q5lv73xlv9],
.ai-history-card.collapsed .ai-history-question[b-q5lv73xlv9] {
    display: none;
}

.ai-history-card.expanded .ai-history-tagline[b-q5lv73xlv9],
.ai-history-card.expanded .ai-history-text[b-q5lv73xlv9],
.ai-history-card.expanded .ai-history-detail[b-q5lv73xlv9] {
    display: block;
    animation: historyReveal-b-q5lv73xlv9 0.18s ease-out both;
}

.ai-history-card.expanded .ai-history-chips[b-q5lv73xlv9],
.ai-history-card.expanded .ai-history-footer[b-q5lv73xlv9] {
    display: flex;
    animation: historyReveal-b-q5lv73xlv9 0.18s ease-out both;
}

@keyframes historyReveal-b-q5lv73xlv9 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.ai-history-card.interactive[b-q5lv73xlv9] {
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

    .ai-history-card.interactive .ai-history-preview[b-q5lv73xlv9] {
        transition: opacity 0.12s ease;
    }

    .ai-history-card.interactive.expanded .ai-history-preview[b-q5lv73xlv9] {
        display: inline;
        opacity: 0;
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }

.ai-history-preview[b-q5lv73xlv9] {
    display: inline;
    font-size: 0.8125rem;
    line-height: 1.4;
}

.ai-history-card.expanded .ai-history-preview[b-q5lv73xlv9] {
    display: none;
}

.ai-history-expand[b-q5lv73xlv9] {
    position: absolute;
    top: 0.4375rem;
    right: 0.5rem;
    z-index: 2;
    font-size: var(--text-2xs);
    color: var(--ink-6);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: var(--radius-sm);
    gap: 0;
    opacity: 0.5;
    transition: all 0.2s ease;
    cursor: pointer;
}

.ai-history-card:hover .ai-history-expand[b-q5lv73xlv9] {
    opacity: 0.8;
}

    .ai-history-card:hover .ai-history-expand:hover[b-q5lv73xlv9] {
        color: var(--ink-3);
        background: rgba(80, 70, 55, 0.05);
        opacity: 1;
    }

.ai-history-expand i[b-q5lv73xlv9] {
    font-size: 0.4375rem;
    transition: transform 0.2s ease, color 0.2s ease;
}

.ai-history-card.expanded .ai-history-expand i[b-q5lv73xlv9] {
    transform: rotate(180deg);
}

.ai-history-card.expanded .ai-history-expand[b-q5lv73xlv9] {
    opacity: 0.5;
}

.ai-history-main[b-q5lv73xlv9] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.625rem 2rem 0.5rem 0.625rem;
    cursor: pointer;
}

.ai-history-card.expanded .ai-history-main[b-q5lv73xlv9] {
    cursor: default;
    padding-bottom: 0.375rem;
}

.ai-history-avatar[b-q5lv73xlv9] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.375rem;
    overflow: hidden;
    flex-shrink: 0;
    background: transparent;
    margin-top: 0.125rem;
}

    .ai-history-avatar img[b-q5lv73xlv9] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.ai-history-content[b-q5lv73xlv9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.125rem;
}

.ai-history-preview-tagline[b-q5lv73xlv9] {
    font-size: 0.875rem;
    font-weight: var(--font-weight-semibold);
    color: var(--ink-3);
    letter-spacing: -0.01em;
}

.ai-history-preview-arrow[b-q5lv73xlv9] {
    display: inline-block;
    font-size: 0.3125rem;
    color: var(--ink-6);
    margin: 0 0.375rem;
    vertical-align: middle;
    opacity: 0.6;
}

.ai-history-preview-question[b-q5lv73xlv9] {
    font-size: 0.8125rem;
    font-weight: var(--font-weight-medium);
    color: var(--ink-4);
    letter-spacing: -0.005em;
}

.ai-history-tagline[b-q5lv73xlv9] {
    font-size: 0.9375rem;
    font-weight: var(--font-weight-semibold);
    color: var(--ink-2);
    letter-spacing: -0.01em;
    line-height: 1.35;
    margin-bottom: 0.375rem;
}

.ai-history-text[b-q5lv73xlv9] {
    color: var(--ink-3);
    font-size: 0.8125rem;
    line-height: 1.5;
    font-weight: 420;
    letter-spacing: -0.005em;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.ai-history-milestone-icon[b-q5lv73xlv9] {
    color: var(--accent);
    font-size: 0.7em;
    margin-right: 0.4em;
    vertical-align: 0.08em;
    opacity: 0.9;
}

.ai-history-question[b-q5lv73xlv9] {
    display: flex;
    align-items: flex-start;
    gap: 0.3125rem;
    margin-top: 0;
}

.ai-history-card.expanded .ai-history-question[b-q5lv73xlv9] {
    margin-top: 0.5rem;
}

.ai-history-question-text[b-q5lv73xlv9] {
    font-size: 0.875rem;
    font-weight: var(--font-weight-semibold);
    color: var(--ink-2);
    line-height: 1.45;
    letter-spacing: -0.005em;
}

.ai-history-card.collapsed .ai-history-question-text[b-q5lv73xlv9] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ai-history-chips[b-q5lv73xlv9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

.ai-history-card.collapsed .ai-history-chips[b-q5lv73xlv9] {
    display: none;
}

.ai-history-chip[b-q5lv73xlv9] {
    display: inline-flex;
    align-items: center;
    padding: 0.1875rem 0.4375rem;
    background: rgba(80, 70, 55, 0.04);
    border: 1px solid rgba(80, 70, 55, 0.08);
    border-radius: var(--radius-full);
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-medium);
    color: var(--ink-5);
    letter-spacing: 0.005em;
}

    .ai-history-chip.selected[b-q5lv73xlv9] {
        background: rgba(80, 70, 55, 0.08);
        border-color: rgba(80, 70, 55, 0.18);
        color: var(--ink-2);
        font-weight: var(--font-weight-semibold);
    }

.ai-history-points[b-q5lv73xlv9] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

.ai-history-point[b-q5lv73xlv9] {
    display: flex;
    align-items: flex-start;
    gap: 0.3125rem;
}

.ai-history-point-marker[b-q5lv73xlv9] {
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: rgba(160, 150, 135, 0.45);
    flex-shrink: 0;
    margin-top: 0.3125rem;
}

.ai-history-point-text[b-q5lv73xlv9] {
    font-size: var(--text-xs);
    color: var(--ink-4);
    line-height: 1.4;
    font-weight: 400;
}

    .ai-history-point-text strong[b-q5lv73xlv9] {
        font-weight: var(--font-weight-semibold);
        color: var(--ink-3);
    }

.ai-history-rationale[b-q5lv73xlv9] {
    font-size: var(--text-xs);
    font-style: italic;
    color: var(--ink-5);
    line-height: 1.45;
    margin-bottom: 0.375rem;
}

.ai-history-detail[b-q5lv73xlv9] {
    padding: 0 0.75rem 0.5rem 2.375rem;
}

.ai-history-card.collapsed .ai-history-detail[b-q5lv73xlv9] {
    display: none;
}

.ai-history-card.expanded .ai-history-detail[b-q5lv73xlv9] {
    display: block;
    animation: fadeIn-b-q5lv73xlv9 0.25s ease both;
}

.ai-history-footer[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem 0.75rem;
    border-top: 1px solid rgba(200, 195, 187, 0.15);
    background: rgba(245, 243, 240, 0.5);
}

.ai-history-card.collapsed .ai-history-footer[b-q5lv73xlv9] {
    display: none;
}

.ai-history-card.expanded .ai-history-footer[b-q5lv73xlv9] {
    display: flex;
}

.ai-history-recency[b-q5lv73xlv9] {
    font-size: var(--text-2xs);
    color: #9ca3af;
    font-weight: 500;
}

.ct-user-selections[b-q5lv73xlv9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 0.375rem;
}

.ct-user-selection-badge[b-q5lv73xlv9] {
    display: inline-flex;
    align-items: center;
    padding: 0.1875rem 0.5rem;
    background: rgba(80, 70, 55, 0.04);
    border: 1px solid rgba(80, 70, 55, 0.08);
    border-radius: var(--radius-full);
    font-size: var(--text-2xs);
    font-weight: 600;
    color: var(--ink-4);
    letter-spacing: 0.01em;
}

.ct-vote-indicator[b-q5lv73xlv9] {
    font-size: var(--text-2xs);
    margin-left: 0.25rem;
}

.ct-vote--up[b-q5lv73xlv9] {
    color: #16a34a;
}

.ct-vote--down[b-q5lv73xlv9] {
    color: #9ca3af;
}

.mobile-context-hint[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    margin: 0 0.75rem 0.75rem;
    font-family: var(--font);
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.02em;
    color: var(--ink-5);
    background: var(--surface);
    border: 1px solid var(--border-lt);
    border-radius: var(--radius-full);
}

    .mobile-context-hint i[b-q5lv73xlv9] {
        font-size: var(--text-xs);
        color: var(--ink-5);
        flex-shrink: 0;
    }

    .mobile-context-hint .hint-dismiss[b-q5lv73xlv9] {
        appearance: none;
        border: none;
        background: none;
        cursor: pointer;
        padding: 0.25rem;
        margin-left: auto;
        color: var(--ink-6);
        font-size: var(--text-xs);
        line-height: 1;
    }

        .mobile-context-hint .hint-dismiss:hover[b-q5lv73xlv9] {
            color: var(--ink-4);
        }

.ar[b-q5lv73xlv9] {
    position: relative;
    width: 100%;
    flex-shrink: 0;
    animation: settleIn-b-q5lv73xlv9 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.ar-en-followup[b-q5lv73xlv9] {
    margin-top: 0.875rem;
    padding: 0.5rem 0.75rem;
    border-left: 3px solid rgba(180, 170, 155, 0.55);
    background: rgba(80, 70, 55, 0.025);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    font-size: var(--text-md);
    font-weight: var(--font-weight-medium);
    color: var(--ink-2);
    font-style: italic;
    line-height: 1.55;
}

.ar-body[b-q5lv73xlv9] {
    --card-top: #fbfaff;
    --card-bottom: #f7f5fd;
    --card-line: rgba(118, 104, 160, 0.20);
    --card-rule: rgba(96, 82, 144, 0.16);
    position: relative;
    min-width: 0;
    min-height: 0;
    background: linear-gradient(180deg, var(--card-top) 0%, var(--card-bottom) 100%);
    border: 1px solid var(--card-line);
    border-bottom: none;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    padding: 1.625rem 2rem 1.125rem 2rem;
    box-shadow: 0 -1px 3px rgba(60, 50, 90, 0.03), 0 2px 10px rgba(60, 50, 90, 0.04), 0 8px 24px rgba(60, 50, 90, 0.03);
    transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.ar-grow[b-q5lv73xlv9] {
    display: grid;
    grid-template-rows: 1fr;
    overflow: visible;
    animation: arGrow-b-q5lv73xlv9 0.5s cubic-bezier(0.16, 1, 0.3, 1) both, arGrowClip-b-q5lv73xlv9 0.5s step-end both;
}

    .ar-grow > *[b-q5lv73xlv9] {
        min-height: 0;
    }

@keyframes arGrow-b-q5lv73xlv9 {
    from {
        grid-template-rows: 0fr;
        opacity: 0;
    }

    to {
        grid-template-rows: 1fr;
        opacity: 1;
    }
}

@keyframes arGrowClip-b-q5lv73xlv9 {
    from {
        overflow: hidden;
    }

    to {
        overflow: visible;
    }
}

@property --ba {
    syntax: '<angle>';
    initial-value: 0turn;
    inherits: false;
}

.ar--thinking .ar-body[b-q5lv73xlv9] {
    border: 1px solid transparent;
    border-bottom: none;
    background: linear-gradient(180deg, var(--card-top) 0%, var(--card-bottom) 100%) padding-box, conic-gradient(from var(--ba, 0turn), rgba(240, 12, 113, 0.42) 0%, rgba(240, 12, 113, 0.1) 15%, var(--card-line) 35%, var(--card-line) 65%, rgba(240, 12, 113, 0.1) 85%, rgba(240, 12, 113, 0.42) 100%) border-box;
    animation: rBorder-b-q5lv73xlv9 3.2s linear infinite;
}

@keyframes rBorder-b-q5lv73xlv9 {
    to {
        --ba: 1turn;
    }
}

.ar-turnline[b-q5lv73xlv9] {
    min-height: 1.4625rem;
    margin-bottom: 0.5rem;
}

.ar-turnline--working[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: 1.0625rem;
    font-weight: var(--font-weight-semibold);
    color: var(--ink-3);
    letter-spacing: -0.015em;
    line-height: 1.3;
    animation: fadeInSmooth-b-q5lv73xlv9 0.3s ease both;
}

.ar-tagline[b-q5lv73xlv9] {
    font-size: 1.125rem;
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    letter-spacing: -0.026em;
    line-height: 1.3;
    max-width: 60ch;
    animation: fadeInSmooth-b-q5lv73xlv9 0.35s ease both;
}

.ar-dot[b-q5lv73xlv9] {
    display: inline-block;
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: 50%;
    background: var(--accent);
    flex-shrink: 0;
    animation: arDotBreathe-b-q5lv73xlv9 1.8s ease-in-out infinite;
}

@keyframes arDotBreathe-b-q5lv73xlv9 {
    0%, 100% {
        opacity: 0.45;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

.ar-content[b-q5lv73xlv9] {
    transition: opacity 0.2s ease;
}

.ar-text[b-q5lv73xlv9] {
    color: var(--ink);
    font-size: 0.9375rem;
    line-height: 1.62;
    font-weight: var(--font-weight-regular);
    letter-spacing: -0.006em;
    max-width: 66ch;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.ar-text--pending[b-q5lv73xlv9] {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.ar-slot[b-q5lv73xlv9] {
    position: relative;
}

.ar-status-row[b-q5lv73xlv9] {
    min-height: 1.3125rem;
    margin-top: 1.25rem;
}

.ar-status[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: 0.9375rem;
    line-height: 1.4;
    color: var(--ink-3);
    animation: fadeInSmooth-b-q5lv73xlv9 0.3s ease both;
}

.ar-status--working[b-q5lv73xlv9] {
    font-weight: var(--font-weight-medium);
}

.ar-status--result[b-q5lv73xlv9] {
    font-weight: var(--font-weight-semibold);
    color: var(--ink-2);
}

    .ar-status--result .ar-dot[b-q5lv73xlv9] {
        animation: none;
        opacity: 1;
    }

.ar-status--judge[b-q5lv73xlv9] {
    font-size: 0.875rem;
}

.ar-recap[b-q5lv73xlv9] {
    min-height: 1.3125rem;
    margin-top: 1.25rem;
}

.ar-verdict[b-q5lv73xlv9] {
    display: flex;
    align-items: baseline;
    gap: 0.625rem;
    width: 100%;
    margin-top: 0;
    padding: 0.625rem 0.875rem;
    background: rgba(96, 82, 144, 0.045);
    border: 1px solid var(--card-line);
    border-radius: var(--radius-lg);
    color: var(--ink);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

    .ar-verdict:hover[b-q5lv73xlv9] {
        background: rgba(96, 82, 144, 0.075);
        border-color: rgba(118, 104, 160, 0.34);
    }

    .ar-verdict:focus-visible[b-q5lv73xlv9] {
        outline: 2px solid rgba(240, 12, 113, 0.45);
        outline-offset: 2px;
    }

.ar-verdict-label[b-q5lv73xlv9] {
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-3);
    flex-shrink: 0;
}

.ar-verdict-grade[b-q5lv73xlv9] {
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.02em;
    flex-shrink: 0;
}

.ar-verdict-crux[b-q5lv73xlv9] {
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--ink-2);
    flex: 1;
    min-width: 0;
}

.ar-proposal[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem 0.875rem;
    margin-top: 1.25rem;
    padding: 0.75rem 0.875rem;
    background: rgba(240, 12, 113, 0.04);
    border: 1px solid rgba(240, 12, 113, 0.16);
    border-radius: var(--radius-lg);
}

.ar-proposal-text[b-q5lv73xlv9] {
    flex: 1;
    min-width: 12rem;
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--ink-2);
}

    .ar-proposal-text strong[b-q5lv73xlv9] {
        color: var(--ink);
        font-weight: var(--font-weight-semibold);
    }

.ar-proposal-actions[b-q5lv73xlv9] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}


.ec--skeleton[b-q5lv73xlv9] {
    --rot: 0deg;
    cursor: default;
    pointer-events: none;
    background: rgba(80, 70, 55, 0.025);
    border-color: rgba(200, 195, 187, 0.32);
    box-shadow: none;
    animation: ecSkeletonEnter-b-q5lv73xlv9 0.32s cubic-bezier(0.16, 1, 0.3, 1) both, ecSkeletonPulse-b-q5lv73xlv9 1.6s ease-in-out 0.32s infinite;
}

.ec-skel-line[b-q5lv73xlv9] {
    display: block;
    height: 0.5rem;
    background: rgba(80, 70, 55, 0.085);
    border-radius: 0.25rem;
    margin: 0.1875rem 0;
}

.ec-skel-line--label[b-q5lv73xlv9] {
    width: 32%;
    height: 0.4375rem;
    margin-bottom: 0.4375rem;
    background: rgba(80, 70, 55, 0.1);
}

.ec-skel-line--narrow[b-q5lv73xlv9] {
    width: 68%;
}

@keyframes ecSkeletonEnter-b-q5lv73xlv9 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ecSkeletonPulse-b-q5lv73xlv9 {
    0%, 100% {
        opacity: 0.65;
    }

    50% {
        opacity: 1;
    }
}

@keyframes arBusyShimmer-b-q5lv73xlv9 {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: -100% 0;
    }
}

.ar-head[b-q5lv73xlv9] {
    position: relative;
}

.ar-stripes[b-q5lv73xlv9] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.25rem;
    z-index: 12;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    pointer-events: none;
    max-width: 17.5rem;
}

.ib > .ar-head > .ar-stripes[b-q5lv73xlv9] {
    right: 1.75rem;
}

.ar-stripe[b-q5lv73xlv9] {
    pointer-events: auto;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.625rem 0.625rem 0.625rem 0.75rem;
    background: rgba(255, 253, 248, 0.92);
    backdrop-filter: blur(10px) saturate(1.05);
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
    border: 1px solid rgba(180, 160, 130, 0.28);
    border-radius: 0.5rem;
    box-shadow: 0 1px 0 rgba(180, 160, 130, 0.15), 0 4px 12px rgba(80, 60, 40, 0.06), 0 12px 28px rgba(80, 60, 40, 0.05);
    animation: stripeIn-b-q5lv73xlv9 0.32s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.ar-stripe-icon[b-q5lv73xlv9] {
    font-size: 0.75rem;
    color: var(--ink-5);
    margin-top: 0.125rem;
    flex-shrink: 0;
}

.ar-stripe-body[b-q5lv73xlv9] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.ar-stripe-headline[b-q5lv73xlv9] {
    font-size: var(--text-sm);
    color: var(--ink-2);
    font-weight: var(--font-weight-semibold);
    line-height: 1.4;
    letter-spacing: -0.005em;
}

.ar-stripe-detail[b-q5lv73xlv9] {
    font-size: var(--text-sm);
    color: var(--ink-4);
    font-style: italic;
    line-height: 1.45;
    margin-top: 0.1875rem;
}

.ar-stripe-x[b-q5lv73xlv9] {
    appearance: none;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--ink-6);
    font-size: 0.5625rem;
    padding: 0.1875rem 0.3125rem;
    flex-shrink: 0;
    border-radius: var(--radius-sm);
    transition: color 0.15s ease, background 0.15s ease;
}

    .ar-stripe-x:hover[b-q5lv73xlv9] {
        color: var(--ink-3);
        background: rgba(80, 60, 40, 0.06);
    }

.ar-stripe--reflection .ar-stripe-icon[b-q5lv73xlv9] {
    color: var(--ink-4);
}

.ar-stripe--progress .ar-stripe-icon[b-q5lv73xlv9] {
    color: rgba(80, 100, 130, 0.85);
}

.ar-stripe--maturity[b-q5lv73xlv9] {
    background: linear-gradient(180deg, rgba(255, 250, 252, 0.94) 0%, rgba(253, 244, 248, 0.94) 100%);
}

    .ar-stripe--maturity .ar-stripe-icon[b-q5lv73xlv9] {
        color: var(--accent);
    }

    .ar-stripe--maturity .ar-stripe-headline[b-q5lv73xlv9] {
        color: var(--ink);
    }

.ar-stripe--insight[b-q5lv73xlv9] {
    background: linear-gradient(180deg, rgba(255, 251, 240, 0.94) 0%, rgba(253, 246, 226, 0.94) 100%);
}

    .ar-stripe--insight .ar-stripe-icon[b-q5lv73xlv9] {
        color: rgba(180, 130, 30, 0.95);
    }

.ar-stripe--judge[b-q5lv73xlv9] {
    background: linear-gradient(180deg, rgba(255, 250, 252, 0.94) 0%, rgba(253, 244, 248, 0.94) 100%);
}

    .ar-stripe--judge .ar-stripe-icon[b-q5lv73xlv9] {
        color: var(--accent);
    }

    .ar-stripe--judge .ar-stripe-headline[b-q5lv73xlv9] {
        font-weight: var(--font-weight-semibold);
        color: var(--ink);
    }

.ar-stripe--error[b-q5lv73xlv9] {
    border-left-color: var(--color-error);
    background: rgba(234, 67, 53, 0.045);
}

    .ar-stripe--error .ar-stripe-icon[b-q5lv73xlv9] {
        color: var(--color-error);
    }

    .ar-stripe--error .ar-stripe-headline[b-q5lv73xlv9] {
        color: #b91c1c;
    }

@keyframes stripeIn-b-q5lv73xlv9 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ar-enrichment[b-q5lv73xlv9] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    position: relative;
}

    .ar-enrichment[b-q5lv73xlv9]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: var(--card-rule);
    }

.ar-enrichment--inline[b-q5lv73xlv9] {
    margin-top: 1.25rem;
    padding-top: 1rem;
}

.ar-en-badge[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.625rem;
    background: transparent;
    border: none;
    padding: 0;
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-bold);
    color: var(--ink-5);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    line-height: 1;
    animation: fadeInSmooth-b-q5lv73xlv9 0.3s ease 0.02s both;
}

    .ar-en-badge i[b-q5lv73xlv9] {
        display: none;
    }

.ar-en-header[b-q5lv73xlv9] {
    display: block;
    margin-bottom: 0.875rem;
    animation: fadeInSmooth-b-q5lv73xlv9 0.35s ease 0.05s both;
}

.ar-en-title[b-q5lv73xlv9] {
    display: block;
    font-size: 1.0625rem;
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    line-height: 1.45;
    letter-spacing: -0.012em;
    max-width: 62ch;
}

.ar-en-rationale[b-q5lv73xlv9] {
    font-size: 0.9375rem;
    font-style: italic;
    font-weight: var(--font-weight-regular);
    color: var(--ink-3);
    line-height: 1.55;
    letter-spacing: -0.005em;
    margin-top: 0.5rem;
    margin-bottom: 1.125rem;
    padding-left: 0;
    animation: fadeInSmooth-b-q5lv73xlv9 0.35s ease 0.12s both;
}

.ar-en-preparing[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.625rem;
    margin-bottom: 0.875rem;
    font-size: 0.8125rem;
    line-height: 1.4;
    animation: fadeInSmooth-b-q5lv73xlv9 0.25s ease both;
}

.ar-en-preparing-dot[b-q5lv73xlv9] {
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background: var(--accent);
    flex-shrink: 0;
    animation: arDotBreathe-b-q5lv73xlv9 1.8s ease-in-out infinite;
}

.ar-en-preparing-text[b-q5lv73xlv9] {
    font-weight: var(--font-weight-medium);
    letter-spacing: -0.005em;
    background: linear-gradient(90deg, rgba(100, 90, 78, 0.55) 0%, rgba(100, 90, 78, 0.55) 40%, rgba(40, 36, 32, 0.9) 50%, rgba(100, 90, 78, 0.55) 60%, rgba(100, 90, 78, 0.55) 100%);
    background-size: 200% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    animation: arBusyShimmer-b-q5lv73xlv9 2.4s linear infinite;
}

.ar-en-pick-hint[b-q5lv73xlv9] {
    font-size: var(--text-xs);
    font-style: italic;
    color: var(--ink-5);
    line-height: 1.4;
    letter-spacing: 0.005em;
    margin-bottom: 0.875rem;
    animation: fadeInSmooth-b-q5lv73xlv9 0.35s ease 0.15s both;
}

.ar-grid[b-q5lv73xlv9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
    position: relative;
    animation: fadeIn-b-q5lv73xlv9 0.3s ease 0.2s both;
}

.ar-points[b-q5lv73xlv9] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding-left: 0;
}

.ar-point[b-q5lv73xlv9] {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
}

.ar-point-marker[b-q5lv73xlv9] {
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: var(--ink-6);
    flex-shrink: 0;
    margin-top: 0.375rem;
}

.ar-points--challenge .ar-point-marker[b-q5lv73xlv9] {
    background: #f59e0b;
}

.ar-points--inform .ar-point-marker[b-q5lv73xlv9] {
    background: #3b82f6;
}

.ar-point-body[b-q5lv73xlv9] {
    display: inline;
    font-size: var(--text-md);
    color: var(--ink-2);
    line-height: 1.5;
}

.ar-point-label[b-q5lv73xlv9] {
    font-weight: var(--font-weight-semibold);
    color: var(--ink-2);
}

.ar-point-detail[b-q5lv73xlv9] {
    font-weight: var(--font-weight-regular);
}

.ar-meta[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.875rem;
    padding-top: 0.625rem;
    border-top: 1px solid rgba(160, 150, 135, 0.18);
    flex-wrap: wrap;
    row-gap: 0.3125rem;
}

.ar-actions-row[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    gap: 0.3125rem;
    flex-wrap: nowrap;
    flex-shrink: 0;
}

.ar-action[b-q5lv73xlv9] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0 0.5rem;
    height: 1.375rem;
    border-radius: var(--radius-full);
    border: 1px solid rgba(200, 195, 187, 0.4);
    background: rgba(255, 254, 252, 0.9);
    color: var(--ink-4);
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-family-primary);
    cursor: pointer;
    white-space: nowrap;
    letter-spacing: -0.005em;
    transition: all 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

    .ar-action i[b-q5lv73xlv9] {
        font-size: 0.5rem;
        flex-shrink: 0;
        opacity: 0.7;
    }

    .ar-action:hover[b-q5lv73xlv9] {
        border-color: rgba(80, 70, 55, 0.25);
        color: var(--ink-2);
        background: rgba(252, 250, 247, 0.9);
        box-shadow: 0 1px 3px rgba(80, 70, 55, 0.08);
        transform: translateY(-0.5px);
    }

        .ar-action:hover i[b-q5lv73xlv9] {
            opacity: 1;
        }

    .ar-action:active[b-q5lv73xlv9] {
        transform: scale(0.97);
        box-shadow: none;
    }

    .ar-action.premium[b-q5lv73xlv9] {
        border-color: rgba(140, 130, 115, 0.2);
        color: #6b6055;
    }

        .ar-action.premium:hover[b-q5lv73xlv9] {
            border-color: rgba(140, 130, 115, 0.3);
            background: rgba(80, 70, 55, 0.025);
            color: #6b6055;
        }

    .ar-action.ghost[b-q5lv73xlv9] {
        border-color: transparent;
        background: transparent;
        color: var(--ink-5);
        box-shadow: none;
    }

        .ar-action.ghost:hover[b-q5lv73xlv9] {
            border-color: rgba(180, 160, 130, 0.3);
            background: rgba(80, 70, 55, 0.02);
            color: var(--ink-3);
            box-shadow: none;
        }

        .ar-action.ghost i[b-q5lv73xlv9] {
            opacity: 0.55;
        }

        .ar-action.ghost:hover i[b-q5lv73xlv9] {
            opacity: 0.85;
        }

    .ar-action.busy[b-q5lv73xlv9] {
        opacity: 0.7;
        pointer-events: none;
        cursor: default;
    }

    .ar-action:disabled[b-q5lv73xlv9],
    .ar-action[disabled][b-q5lv73xlv9] {
        opacity: 0.4;
        pointer-events: none;
    }

.ar-action-spin[b-q5lv73xlv9] {
    width: 0.625rem;
    height: 0.625rem;
    border: 1.5px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    flex-shrink: 0;
    animation: spin-b-q5lv73xlv9 0.6s linear infinite;
    opacity: 0.6;
}

.ar-action.ar-action--prominent[b-q5lv73xlv9] {
    height: 2rem;
    padding: 0 0.875rem 0 0.75rem;
    gap: 0.5rem;
    border: 1px solid rgba(240, 12, 113, 0.28);
    background: linear-gradient(135deg, rgba(240, 12, 113, 0.09), rgba(240, 12, 113, 0.035));
    color: var(--ink);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    letter-spacing: -0.005em;
    box-shadow: 0 1px 2px rgba(80, 60, 40, 0.05);
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

    .ar-action.ar-action--prominent i[b-q5lv73xlv9] {
        font-size: 0.8125rem;
        color: var(--accent);
        opacity: 1;
    }

    .ar-action.ar-action--prominent:hover[b-q5lv73xlv9] {
        border-color: rgba(240, 12, 113, 0.45);
        background: linear-gradient(135deg, rgba(240, 12, 113, 0.14), rgba(240, 12, 113, 0.06));
        color: var(--ink);
        box-shadow: 0 2px 8px rgba(240, 12, 113, 0.14);
        transform: translateY(-1px);
    }

    .ar-action.ar-action--prominent:active[b-q5lv73xlv9] {
        transform: translateY(0) scale(0.98);
        box-shadow: none;
    }

    .ar-action.ar-action--prominent:focus-visible[b-q5lv73xlv9] {
        outline: 2px solid rgba(240, 12, 113, 0.45);
        outline-offset: 2px;
    }

    .ar-action.ar-action--prominent.ghost[b-q5lv73xlv9] {
        border-color: transparent;
        background: transparent;
        color: var(--ink-3);
        box-shadow: none;
    }

        .ar-action.ar-action--prominent.ghost:hover[b-q5lv73xlv9] {
            border-color: rgba(180, 160, 130, 0.35);
            background: rgba(80, 70, 55, 0.03);
            color: var(--ink);
            box-shadow: none;
            transform: none;
        }

.ar-vote[b-q5lv73xlv9] {
    display: flex;
    gap: 0.1875rem;
    margin-left: auto;
}

.ar-vote-btn[b-q5lv73xlv9] {
    appearance: none;
    border: none;
    background: none;
    cursor: pointer;
    width: 1.625rem;
    height: 1.625rem;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ink-5);
    font-size: 0.75rem;
    transition: all 0.15s ease;
}

    .ar-vote-btn:hover[b-q5lv73xlv9] {
        color: var(--ink-3);
        background: rgba(80, 70, 55, 0.05);
    }

    .ar-vote-btn.up[b-q5lv73xlv9] {
        color: var(--accent);
    }

        .ar-vote-btn.up:hover[b-q5lv73xlv9] {
            background: rgba(240, 12, 113, 0.06);
        }

    .ar-vote-btn.dn[b-q5lv73xlv9] {
        color: var(--ink-4);
    }

.ib-limit[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0.25rem 1rem 0.75rem;
    padding: 1rem 1.375rem;
    background: linear-gradient(180deg, #fff9e6 0%, #fdf4d6 100%);
    border: 1px solid rgba(196, 150, 40, 0.28);
    border-radius: var(--radius-lg);
    box-shadow: 0 1px 2px rgba(120, 90, 20, 0.04);
}

.ib-limit-icon[b-q5lv73xlv9] {
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(196, 150, 40, 0.16);
    color: #7a5a10;
    font-size: 0.75rem;
}

.ib-limit-text[b-q5lv73xlv9] {
    flex: 1;
    min-width: 12rem;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.ib-limit-headline[b-q5lv73xlv9] {
    font-size: 0.9375rem;
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    letter-spacing: -0.012em;
    line-height: 1.35;
}

.ib-limit-sub[b-q5lv73xlv9] {
    font-size: 0.8125rem;
    color: var(--ink-3);
    line-height: 1.35;
}

.ib-limit .ar-cta[b-q5lv73xlv9] {
    flex-shrink: 0;
    height: 2rem;
    padding: 0 0.875rem;
    gap: 0.4rem;
    font-size: var(--text-xs);
    background: var(--ink);
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(20, 16, 30, 0.18);
}

    .ib-limit .ar-cta i[b-q5lv73xlv9] {
        font-size: 0.7rem;
        color: #ffd66e;
    }

    .ib-limit .ar-cta:hover[b-q5lv73xlv9] {
        background: #000000;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(20, 16, 30, 0.22);
    }

    .ib-limit .ar-cta:active[b-q5lv73xlv9] {
        background: var(--ink);
        transform: scale(0.98);
    }

@media (max-width: 640px) {
    .ib-limit[b-q5lv73xlv9] {
        flex-wrap: wrap;
    }
}

.ar-headline[b-q5lv73xlv9] {
    font-size: 0.9375rem;
    font-weight: 450;
    color: var(--ink-3);
    letter-spacing: -0.02em;
    line-height: 1.35;
    margin-bottom: 0.625rem;
}

.ar-notice[b-q5lv73xlv9] {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
}

.ar-notice-icon[b-q5lv73xlv9] {
    color: var(--ink-5);
    font-size: var(--text-sm);
    flex-shrink: 0;
    line-height: 1;
    width: 1rem;
    text-align: center;
    margin-top: 0.15rem;
}

.ar-notice-text[b-q5lv73xlv9] {
    font-size: 0.8125rem;
    font-weight: var(--font-weight-semibold);
    color: var(--ink-4);
    line-height: 1.35;
    letter-spacing: -0.015em;
}

.ar--expired .ar-headline[b-q5lv73xlv9] {
    font-size: var(--text-lg);
}

.ar-actions[b-q5lv73xlv9] {
    margin-top: 0.625rem;
}

.ar-cta[b-q5lv73xlv9] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0 0.5rem;
    height: 1.375rem;
    border-radius: var(--radius-full);
    border: 1px solid transparent;
    background: linear-gradient(135deg, #f00c71, #d4085f);
    color: #ffffff;
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-family-primary);
    cursor: pointer;
    white-space: nowrap;
    letter-spacing: -0.005em;
    transition: all 0.15s ease;
    box-shadow: 0 1px 4px rgba(240, 12, 113, 0.2);
}

    .ar-cta i[b-q5lv73xlv9] {
        font-size: 0.5rem;
        color: #ffffff;
    }

    .ar-cta:hover[b-q5lv73xlv9] {
        background: linear-gradient(135deg, #d4085f, #b8064f);
        transform: translateY(-1px);
        box-shadow: 0 4px 14px rgba(240, 12, 113, 0.22);
    }

    .ar-cta:active[b-q5lv73xlv9] {
        background: linear-gradient(135deg, #b8064f, #9a0542);
        transform: scale(0.97);
    }

.ib[b-q5lv73xlv9] {
    flex-shrink: 0;
    background: linear-gradient(180deg, #f7f5fd 0%, #f4f2fb 100%);
    border: 1px solid rgba(118, 104, 160, 0.20);
    border-top: 1px solid transparent;
    margin: 0 1rem 0.5rem 1rem;
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
    box-shadow: 0 2px 10px rgba(60, 50, 90, 0.04), 0 6px 20px rgba(60, 50, 90, 0.03);
    transition: box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1), border-top-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-radius 0.4s ease;
    position: relative;
}

.ib-header[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6875rem 1.75rem 0.375rem 1.75rem;
    min-height: 1.625rem;
    animation: ibHeaderIn-b-q5lv73xlv9 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.ib-idea-label[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem;
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-bold);
    color: var(--ink-6);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    width: 100%;
    min-width: 0;
}

    .ib-idea-label i[b-q5lv73xlv9] {
        font-size: 0.5rem;
        color: var(--ink-7);
        flex-shrink: 0;
    }

.ib-idea-left[b-q5lv73xlv9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
}

.ib-idea-name[b-q5lv73xlv9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 0.6875rem;
    color: var(--ink-4);
    letter-spacing: 0.1em;
}

.ib-idea-sep[b-q5lv73xlv9] {
    display: inline-block;
    width: 1px;
    height: 0.75rem;
    background: rgba(80, 60, 40, 0.18);
    flex-shrink: 0;
}

.ib-idea-right[b-q5lv73xlv9] {
    display: inline-flex;
    align-items: center;
    gap: 0.4375rem;
    flex-shrink: 0;
}

.ib-idea-progress[b-q5lv73xlv9] {
    display: inline-flex;
    align-items: center;
    gap: 0.4375rem;
    flex-shrink: 0;
    text-transform: none;
    letter-spacing: 0;
}

.ib-idea-progress-bar[b-q5lv73xlv9] {
    display: inline-block;
    width: 3rem;
    height: 0.25rem;
    background: rgba(15, 23, 42, 0.08);
    border-radius: var(--radius-full);
    overflow: hidden;
    position: relative;
}

.ib-idea-progress-fill[b-q5lv73xlv9] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, rgba(240, 12, 113, 0.55), rgba(240, 12, 113, 0.85));
    border-radius: inherit;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.ib-idea-progress-num[b-q5lv73xlv9] {
    color: var(--ink-5);
    font-weight: var(--font-weight-bold);
    font-variant-numeric: tabular-nums;
    font-size: var(--text-2xs);
}

.ib-export-trigger[b-q5lv73xlv9] {
    appearance: none;
    border: none;
    background: transparent;
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.25rem;
    border-radius: var(--radius-sm);
    color: var(--ink-5);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: color 0.15s ease, background 0.15s ease;
}

    .ib-export-trigger:hover:not(:disabled)[b-q5lv73xlv9] {
        color: var(--accent);
        background: rgba(240, 12, 113, 0.06);
    }

    .ib-export-trigger:disabled[b-q5lv73xlv9] {
        cursor: default;
    }

        .ib-export-trigger:disabled:not(.busy):not(.success)[b-q5lv73xlv9] {
            opacity: 0.55;
        }

    .ib-export-trigger i[b-q5lv73xlv9] {
        font-size: 0.75rem;
    }

    .ib-export-trigger.busy[b-q5lv73xlv9] {
        color: var(--accent);
        opacity: 1;
        cursor: default;
    }

.ib-export-spinner[b-q5lv73xlv9] {
    animation: ibExportSpin-b-q5lv73xlv9 0.9s linear infinite;
}

@keyframes ibExportSpin-b-q5lv73xlv9 {
    to {
        transform: rotate(360deg);
    }
}

.ib-export-trigger.success[b-q5lv73xlv9] {
    color: var(--accent);
    background: rgba(240, 12, 113, 0.10);
    opacity: 1;
    cursor: default;
    animation: ibExportSuccess-b-q5lv73xlv9 0.32s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes ibExportSuccess-b-q5lv73xlv9 {
    from {
        opacity: 0.6;
        transform: scale(0.85);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.ib-reflection[b-q5lv73xlv9] {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}

.ib-reflection-trigger[b-q5lv73xlv9] {
    appearance: none;
    border: none;
    background: transparent;
    padding: 0.1875rem 0.5rem 0.1875rem 0.4375rem;
    border-radius: var(--radius-full);
    color: var(--ink-5);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    transition: color 0.15s ease, background 0.15s ease;
    position: relative;
    font-family: var(--font-family-primary);
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1;
}

    .ib-reflection-trigger:hover[b-q5lv73xlv9] {
        color: var(--accent);
        background: rgba(240, 12, 113, 0.06);
    }

    .ib-reflection-trigger i[b-q5lv73xlv9] {
        font-size: 0.625rem;
    }

.ib-reflection-count[b-q5lv73xlv9] {
    line-height: 1;
}

.ib-reflection-trigger.pulse[b-q5lv73xlv9] {
    color: var(--accent);
}

    .ib-reflection-trigger.pulse[b-q5lv73xlv9]::before {
        content: "";
        position: absolute;
        inset: -1px;
        border-radius: var(--radius-full);
        background: rgba(240, 12, 113, 0.14);
        animation: ibReflectionPulse-b-q5lv73xlv9 1.2s cubic-bezier(0.16, 1, 0.3, 1) 2;
        pointer-events: none;
    }

@keyframes ibReflectionPulse-b-q5lv73xlv9 {
    0% {
        opacity: 0.85;
        transform: scale(1);
    }

    60% {
        opacity: 0;
        transform: scale(1.6);
    }

    100% {
        opacity: 0;
        transform: scale(1.6);
    }
}

.ib-reflection-backdrop[b-q5lv73xlv9] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 90;
}

.ib-reflection-popover[b-q5lv73xlv9] {
    position: absolute;
    bottom: calc(100% + 0.625rem);
    left: 0;
    right: auto;
    z-index: 100;
    width: max-content;
    max-width: min(22rem, calc(100vw - 1.5rem));
    background: linear-gradient(180deg, #faf4ea 0%, #f6eede 100%);
    border-radius: 0.625rem;
    padding: 0.875rem 1rem 1rem;
    box-shadow: 0 1px 0 rgba(180, 160, 130, 0.18), 0 4px 12px rgba(80, 60, 40, 0.08), 0 16px 32px rgba(80, 60, 40, 0.08);
    animation: ibReflectionReveal-b-q5lv73xlv9 0.22s cubic-bezier(0.16, 1, 0.3, 1) both;
    text-transform: none;
    letter-spacing: normal;
    font-weight: var(--font-weight-regular);
    max-height: 60vh;
    overflow-y: auto;
}

@keyframes ibReflectionReveal-b-q5lv73xlv9 {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ib-reflection-title[b-q5lv73xlv9] {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    line-height: 1.35;
    letter-spacing: -0.01em;
    margin-bottom: 0.4375rem;
    text-transform: none;
}

.ib-reflection-text[b-q5lv73xlv9] {
    font-size: var(--text-sm);
    color: var(--ink-3);
    line-height: 1.55;
    letter-spacing: -0.005em;
    text-transform: none;
}

.ib-separator[b-q5lv73xlv9] {
    height: 1px;
    width: auto;
    margin: 0.75rem 0 0.25rem;
    background: rgba(96, 82, 144, 0.10);
}

.ib-badge-strip[b-q5lv73xlv9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3125rem;
    padding: 0.625rem 1.25rem 0 2.5rem;
    min-height: 0;
    transition: all 0.2s ease;
}

    .ib-badge-strip.empty[b-q5lv73xlv9] {
        padding: 0;
        height: 0;
        overflow: hidden;
    }

.bdg[b-q5lv73xlv9] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1875rem 0.4375rem;
    background: rgba(240, 12, 113, 0.04);
    border: 1px solid rgba(240, 12, 113, 0.12);
    border-radius: 9999px;
    font-size: 0.5625rem;
    font-weight: 600;
    color: #d4085f;
    animation: badgeIn-b-q5lv73xlv9 0.2s ease both;
}

.bdg-x[b-q5lv73xlv9] {
    appearance: none;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    color: rgba(212, 8, 95, 0.3);
    font-size: 0.4375rem;
    line-height: 1;
    transition: color 0.15s ease;
}

    .bdg-x:hover[b-q5lv73xlv9] {
        color: #d4085f;
    }

@keyframes badgeIn-b-q5lv73xlv9 {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.ib-input-row[b-q5lv73xlv9] {
    display: flex;
    align-items: flex-end;
    gap: 0.625rem;
    padding: 0.875rem 1.25rem 0.625rem 2.5rem;
    position: relative;
}

.ib--busy .ib-input-row textarea[b-q5lv73xlv9]::placeholder {
    color: var(--ink-3);
    opacity: 0.7;
    animation: none;
}

.ib-input-row textarea[b-q5lv73xlv9] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--ink);
    font-size: 1rem;
    font-family: var(--font-family-primary);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.01em;
    min-height: 5rem;
    max-height: 12rem;
    resize: none;
    padding: 0;
    caret-color: #d4085f;
}

    .ib-input-row textarea[b-q5lv73xlv9]::placeholder {
        color: var(--ink-6);
        font-weight: 400;
        background: linear-gradient(90deg, var(--ink-6) 40%, var(--ink-5) 50%, var(--ink-6) 60%);
        background-size: 200% 100%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        animation: placeholderShimmer-b-q5lv73xlv9 4s ease-in-out infinite;
    }

    .ib-input-row textarea:focus[b-q5lv73xlv9]::placeholder {
        animation: none;
        -webkit-text-fill-color: var(--ink-7);
    }

    .ib-input-row textarea:disabled[b-q5lv73xlv9]::placeholder {
        animation: none;
        -webkit-text-fill-color: var(--ink-7);
    }

@keyframes placeholderShimmer-b-q5lv73xlv9 {
    0%, 100% {
        background-position: 200% center;
    }

    50% {
        background-position: -200% center;
    }
}

.ib--welcome .ib-input-row textarea[b-q5lv73xlv9] {
    min-height: 8rem;
}

.ib--loading .ib-input-row[b-q5lv73xlv9],
.ib--disabled .ib-input-row[b-q5lv73xlv9] {
    opacity: 0.5;
}

.ib-send[b-q5lv73xlv9] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5rem;
    background: linear-gradient(145deg, #f00c71, #d4085f);
    color: white;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(240, 12, 113, 0.16);
    transition: all 0.15s ease;
}

    .ib-send:hover[b-q5lv73xlv9] {
        transform: translateY(-1px);
        box-shadow: 0 3px 10px rgba(240, 12, 113, 0.20);
    }

    .ib-send:active[b-q5lv73xlv9] {
        transform: scale(0.95);
    }

    .ib-send:disabled[b-q5lv73xlv9] {
        opacity: 0.3;
        cursor: not-allowed;
        box-shadow: none;
    }

        .ib-send:disabled:hover[b-q5lv73xlv9] {
            transform: none;
        }

    .ib-send svg[b-q5lv73xlv9] {
        width: 14px;
        height: 14px;
    }

.ib-footer[b-q5lv73xlv9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1.25rem 0.5rem 2.5rem;
}

.ib-hint[b-q5lv73xlv9] {
    font-size: var(--text-xs);
    color: var(--ink-5);
    font-weight: 450;
    letter-spacing: -0.005em;
    line-height: 1.4;
}

.ib-char-count[b-q5lv73xlv9] {
    font-size: var(--text-2xs);
    color: var(--ink-7);
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.01em;
    opacity: 0;
    transition: opacity 0.2s ease, color 0.2s ease;
    pointer-events: none;
}

    .ib-char-count.visible[b-q5lv73xlv9] {
        opacity: 1;
    }

    .ib-char-count.warning[b-q5lv73xlv9] {
        color: var(--danger);
        font-weight: 600;
    }

.ec[b-q5lv73xlv9] {
    --rot: 0deg;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 1.125rem 1rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(180, 160, 130, 0.22);
    background: linear-gradient(180deg, #fefcf6 0%, #fcf8ed 100%);
    cursor: pointer;
    overflow: visible;
    transform: rotate(var(--rot));
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.18s ease, background 0.18s ease;
    box-shadow: 0 1px 0 rgba(180, 160, 130, 0.15), 0 2px 6px rgba(80, 60, 40, 0.06), 0 8px 18px rgba(80, 60, 40, 0.04);
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

    .ec:nth-child(1)[b-q5lv73xlv9], .ec:nth-child(5)[b-q5lv73xlv9] {
        --rot: -0.6deg;
    }

    .ec:nth-child(2)[b-q5lv73xlv9], .ec:nth-child(6)[b-q5lv73xlv9] {
        --rot: 0.5deg;
    }

    .ec:nth-child(3)[b-q5lv73xlv9], .ec:nth-child(7)[b-q5lv73xlv9] {
        --rot: -0.4deg;
    }

    .ec:nth-child(4)[b-q5lv73xlv9], .ec:nth-child(8)[b-q5lv73xlv9] {
        --rot: 0.7deg;
    }

.ec-tape[b-q5lv73xlv9] {
    position: absolute;
    top: -3px;
    left: 50%;
    width: 26px;
    height: 7px;
    background: rgba(240, 12, 113, 0.16);
    border-radius: 1px;
    transform: translateX(-50%) rotate(-1.5deg);
    pointer-events: none;
}

.ec-check[b-q5lv73xlv9] {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    background: var(--accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.5625rem;
    opacity: 0;
    transform: scale(0.6);
    transition: opacity 0.18s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(240, 12, 113, 0.3);
}

.ec:hover[b-q5lv73xlv9] {
    transform: rotate(0deg) translateY(-2px);
    border-color: rgba(180, 160, 130, 0.32);
    background: linear-gradient(180deg, #fffdf7 0%, #fdfaef 100%);
    box-shadow: 0 1px 0 rgba(180, 160, 130, 0.18), 0 4px 10px rgba(80, 60, 40, 0.07), 0 12px 24px rgba(80, 60, 40, 0.06);
}

.ec:active[b-q5lv73xlv9] {
    transform: rotate(0deg) translateY(-1px) scale(0.985);
    box-shadow: 0 1px 0 rgba(180, 160, 130, 0.2), 0 2px 5px rgba(80, 60, 40, 0.06);
}

.ec.on[b-q5lv73xlv9] {
    --rot: 0deg;
    border-color: rgba(240, 12, 113, 0.45);
    border-width: 1.5px;
    background: linear-gradient(180deg, #fff5f9 0%, #fff0f5 100%);
    box-shadow: 0 1px 0 rgba(240, 12, 113, 0.12), 0 2px 6px rgba(240, 12, 113, 0.08), 0 8px 18px rgba(240, 12, 113, 0.06);
}

    .ec.on .ec-check[b-q5lv73xlv9] {
        opacity: 1;
        transform: scale(1);
    }

    .ec.on:hover[b-q5lv73xlv9] {
        transform: translateY(-2px);
        background: linear-gradient(180deg, #fff8fb 0%, #fff2f7 100%);
        box-shadow: 0 1px 0 rgba(240, 12, 113, 0.15), 0 4px 10px rgba(240, 12, 113, 0.1), 0 12px 24px rgba(240, 12, 113, 0.08);
    }

    .ec.on .ec-tape[b-q5lv73xlv9] {
        background: rgba(240, 12, 113, 0.32);
    }

.ec-label[b-q5lv73xlv9] {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    line-height: 1.35;
    letter-spacing: -0.01em;
    margin-bottom: 0.5rem;
    padding-right: 2.25rem;
}

.ec-detail[b-q5lv73xlv9] {
    font-size: var(--text-sm);
    font-weight: 450;
    color: var(--ink-3);
    line-height: 1.5;
    letter-spacing: -0.005em;
}

.ec.on .ec-label[b-q5lv73xlv9] {
    color: var(--ink);
}

.ec.on .ec-detail[b-q5lv73xlv9] {
    color: var(--ink-2);
}

.messages-container[b-q5lv73xlv9]::-webkit-scrollbar {
    display: none;
}

.scroll-indicator[b-q5lv73xlv9] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--radius-full);
    background: var(--background-primary);
    border: 1px solid rgba(200, 195, 187, 0.45);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12), 0 4px 20px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(226, 228, 232, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--ink-5);
    font-size: 0.5rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .scroll-indicator:hover[b-q5lv73xlv9] {
        color: var(--ink-2);
        border-color: rgba(80, 70, 55, 0.30);
        box-shadow: 0 4px 16px rgba(80, 70, 55, 0.10), 0 6px 24px rgba(80, 70, 55, 0.08), 0 0 0 1px rgba(80, 70, 55, 0.06);
        transform: translateX(-50%) scale(1.08);
    }

    .scroll-indicator:active[b-q5lv73xlv9] {
        transform: translateX(-50%) scale(0.95);
    }

    .scroll-indicator.visible[b-q5lv73xlv9] {
        opacity: 1;
        pointer-events: auto;
    }

.scroll-indicator--up[b-q5lv73xlv9] {
    top: 0.75rem;
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.6875rem;
    background: #ffffff;
    border: 1px solid rgba(180, 160, 130, 0.35);
    box-shadow: 0 4px 14px rgba(80, 60, 40, 0.14), 0 1px 3px rgba(80, 60, 40, 0.10);
    color: var(--ink);
}

    .scroll-indicator--up:hover[b-q5lv73xlv9] {
        border-color: rgba(240, 12, 113, 0.4);
    }

@keyframes fadeIn-b-q5lv73xlv9 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInSmooth-b-q5lv73xlv9 {
    from {
        opacity: 0;
        transform: translateY(0.375rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes settleIn-b-q5lv73xlv9 {
    0% {
        opacity: 0;
        transform: translateY(0.75rem);
    }

    60% {
        opacity: 1;
    }

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

@keyframes messageSettle-b-q5lv73xlv9 {
    0% {
        opacity: 0;
        transform: translateY(0.625rem) translateX(0.15rem);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: translateY(0) translateX(0);
    }
}

.message-card--pending[b-q5lv73xlv9] {
    animation: messageSend-b-q5lv73xlv9 0.35s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes messageSend-b-q5lv73xlv9 {
    0% {
        opacity: 0;
        transform: translateY(1rem);
    }

    60% {
        opacity: 1;
    }

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

@keyframes spin-b-q5lv73xlv9 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .message-card[b-q5lv73xlv9], .ai-history-card[b-q5lv73xlv9],
    .message-text-user[b-q5lv73xlv9], .message-recency[b-q5lv73xlv9],
    .ai-history-expand[b-q5lv73xlv9], .ai-history-expand i[b-q5lv73xlv9], .ai-history-recency[b-q5lv73xlv9],
    .welcome-hero[b-q5lv73xlv9],
    .ar[b-q5lv73xlv9], .ar-body[b-q5lv73xlv9], .ar-cta[b-q5lv73xlv9],
    .ib[b-q5lv73xlv9], .ib-send[b-q5lv73xlv9], .ib-separator[b-q5lv73xlv9],
    .ec[b-q5lv73xlv9], .ar-vote-btn[b-q5lv73xlv9], .ar-action[b-q5lv73xlv9], .ar-stripe-x[b-q5lv73xlv9], .bdg-x[b-q5lv73xlv9],
    .scroll-indicator[b-q5lv73xlv9] {
        transition: none;
    }

        .message-card[b-q5lv73xlv9],
        .ai-history-card[b-q5lv73xlv9],
        .welcome-hero[b-q5lv73xlv9],
        .ar[b-q5lv73xlv9],
        .ar-enrichment[b-q5lv73xlv9],
        .ar-en-header[b-q5lv73xlv9],
        .ar-en-rationale[b-q5lv73xlv9],
        .ar-grid[b-q5lv73xlv9],
        .ec--skeleton[b-q5lv73xlv9],
        .ar-stripe[b-q5lv73xlv9],
        .ib-header[b-q5lv73xlv9],
        .ib-reflection-popover[b-q5lv73xlv9],
        .message-card--pending[b-q5lv73xlv9],
        .ai-history-card.expanded .ai-history-tagline[b-q5lv73xlv9],
        .ai-history-card.expanded .ai-history-text[b-q5lv73xlv9],
        .ai-history-card.expanded .ai-history-chips[b-q5lv73xlv9],
        .ai-history-card.expanded .ai-history-detail[b-q5lv73xlv9],
        .ai-history-card.expanded .ai-history-footer[b-q5lv73xlv9],
        .ai-history-card--latest[b-q5lv73xlv9] {
            animation: none;
        }

            .ai-history-card.interactive[b-q5lv73xlv9] {
                transition: none;
            }

    .ar--thinking .ar-body[b-q5lv73xlv9] {
        animation: none;
        border: 1px solid rgba(200, 195, 187, 0.5);
    }

    .ar-grow[b-q5lv73xlv9],
    .ar-dot[b-q5lv73xlv9],
    .ar-turnline--working[b-q5lv73xlv9],
    .ar-tagline[b-q5lv73xlv9],
    .ar-status[b-q5lv73xlv9],
    .ar-en-preparing[b-q5lv73xlv9],
    .ar-en-preparing-dot[b-q5lv73xlv9],
    .ar-en-preparing-text[b-q5lv73xlv9],
    .ib-reflection-trigger.pulse[b-q5lv73xlv9]::before,
    .ib-export-spinner[b-q5lv73xlv9] {
        animation: none;
    }

    .ar-dot[b-q5lv73xlv9] {
        opacity: 1;
    }

    .ar-body[b-q5lv73xlv9] {
        transition: none;
    }

    .ar-en-preparing-text[b-q5lv73xlv9] {
        background: none;
        color: var(--ink-3);
        -webkit-text-fill-color: var(--ink-3);
    }

    .ec[b-q5lv73xlv9], .ec:hover[b-q5lv73xlv9], .ec.on[b-q5lv73xlv9], .ec.on:hover[b-q5lv73xlv9] {
        --rot: 0deg;
        transform: none;
    }

    .ec[b-q5lv73xlv9] {
        animation: none !important;
    }

    .ec-check[b-q5lv73xlv9] {
        transition: opacity 0.18s ease;
    }

    .ec.on .ec-check[b-q5lv73xlv9] {
        transform: scale(1);
    }

    .bdg[b-q5lv73xlv9] {
        animation: none;
    }

    .ib-input-row textarea[b-q5lv73xlv9]::placeholder {
        animation: none;
    }
}

@media (min-width: 901px) and (max-width: 1600px) {
    .welcome-hero[b-q5lv73xlv9] {
        padding: 4rem 1.25rem 0.75rem 1rem;
    }

    .welcome-hero-content[b-q5lv73xlv9] {
        padding-left: 0;
    }

    .welcome-hero-title[b-q5lv73xlv9] {
        font-size: clamp(1.5rem, 3.5vw, 2.25rem);
        margin-bottom: 1.375rem;
        min-height: 3.25rem;
        letter-spacing: -0.03em;
    }

    .chat-container[b-q5lv73xlv9] {
        padding: 0.5rem 0 0;
    }

    .message-card[b-q5lv73xlv9] {
        max-width: 78%;
    }

    .message-text-user[b-q5lv73xlv9] {
        font-size: var(--text-xs);
    }

    .message-avatar[b-q5lv73xlv9] {
        height: 1.5rem;
        width: 1.5rem;
    }

    .message-main[b-q5lv73xlv9] {
        padding: 0.5rem 0.8125rem;
        gap: 0.5rem;
    }

    .message-footer[b-q5lv73xlv9] {
        padding: 0.3125rem 0.8125rem;
    }

    .ai-history-card[b-q5lv73xlv9] {
        max-width: 78%;
    }

    .ai-history-main[b-q5lv73xlv9] {
        padding: 0.5rem 1.75rem 0.375rem 0.625rem;
        gap: 0.375rem;
    }

    .ai-history-avatar[b-q5lv73xlv9] {
        width: 1.125rem;
        height: 1.125rem;
    }

    .ai-history-tagline[b-q5lv73xlv9] {
        font-size: var(--text-xs);
    }

    .ai-history-question-text[b-q5lv73xlv9] {
        font-size: var(--text-xs);
    }

    .ai-history-preview-tagline[b-q5lv73xlv9] {
        font-size: var(--text-xs);
    }

    .ai-history-preview-question[b-q5lv73xlv9] {
        font-size: var(--text-xs);
    }

    .ai-history-preview-arrow[b-q5lv73xlv9] {
        font-size: 0.3125rem;
        margin: 0 0.3125rem;
    }

    .ai-history-expand[b-q5lv73xlv9] {
        top: 0.375rem;
        right: 0.375rem;
        width: 1.125rem;
        height: 1.125rem;
    }

    .ai-history-detail[b-q5lv73xlv9] {
        padding-left: 2rem;
    }

    .ai-history-footer[b-q5lv73xlv9] {
        padding: 0.1875rem 0.625rem;
    }

    .ai-history-recency[b-q5lv73xlv9] {
        font-size: 0.5rem;
    }

    .ct-user-selection-badge[b-q5lv73xlv9] {
        font-size: 0.5rem;
    }

    .ar-body[b-q5lv73xlv9] {
        padding: 1.25rem 1.5rem 0.875rem 1.5rem;
    }

    .ar-text[b-q5lv73xlv9] {
        font-size: 0.9375rem;
    }

    .ar-tagline[b-q5lv73xlv9] {
        font-size: 1rem;
    }

    .ar-en-title[b-q5lv73xlv9] {
        font-size: 0.9375rem;
    }

    .ar-en-rationale[b-q5lv73xlv9] {
        font-size: var(--text-base);
        margin-bottom: 0.5rem;
        padding-left: 0;
    }

    .ar-en-badge[b-q5lv73xlv9] {
        font-size: 0.5rem;
        padding: 0.125rem 0.375rem;
    }

    .ar-grid[b-q5lv73xlv9] {
        padding-left: 0;
    }

    .ar-points[b-q5lv73xlv9] {
        padding-left: 0;
    }

    .ec[b-q5lv73xlv9] {
        --rot: 0deg;
        padding: 0.875rem 0.875rem 0.75rem;
    }

    .ec-label[b-q5lv73xlv9] {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-bold);
        color: var(--ink);
        background: transparent;
        padding: 0;
        margin-bottom: 0.4375rem;
        padding-right: 2.25rem;
    }

    .ec-detail[b-q5lv73xlv9] {
        font-size: var(--text-xs);
    }

    .ar-point-label[b-q5lv73xlv9] {
        font-size: var(--text-base);
    }

    .ar-point-detail[b-q5lv73xlv9] {
        font-size: var(--text-base);
    }

    .ar-action[b-q5lv73xlv9] {
        font-size: var(--text-2xs);
        height: 1.25rem;
        padding: 0 0.4375rem;
    }

    .ib[b-q5lv73xlv9] {
        margin: 0 1rem 0.5rem 1rem;
    }

    .ib-header[b-q5lv73xlv9] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .ib > .ar-head > .ar-stripes[b-q5lv73xlv9] {
        right: 1.5rem;
    }

    .bdg[b-q5lv73xlv9] {
        font-size: 0.5rem;
    }
}

@media (max-width: 900px) {
    .ai-history-card[b-q5lv73xlv9] {
        background: #faf9f6 !important;
    }

    .ai-history-text[b-q5lv73xlv9] {
        color: #5a524a !important;
    }

    .ai-history-tagline[b-q5lv73xlv9] {
        color: #2c2824 !important;
    }

    .ai-history-recency[b-q5lv73xlv9] {
        color: #9ca3af !important;
    }

    .ai-history-expand[b-q5lv73xlv9] {
        color: #6b7280 !important;
    }

    .ai-history-question-text[b-q5lv73xlv9] {
        color: #111827 !important;
    }

    .message-card[b-q5lv73xlv9] {
        background: #ffffff !important;
    }

    .message-text-user[b-q5lv73xlv9] {
        color: #111827 !important;
    }

    .chat-section[b-q5lv73xlv9] {
        width: 100%;
        height: 100%;
        max-width: none;
        padding: 0;
    }

    .chat-container[b-q5lv73xlv9] {
        flex: 1;
        min-height: 0;
        padding: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

        .chat-container[b-q5lv73xlv9]::after {
            height: 1.25rem;
            left: 0.5rem;
            right: 0.5rem;
        }

    .chat-wrapper[b-q5lv73xlv9] {
        flex: 1;
        min-height: 0;
        overflow: hidden;
    }

    .messages-container[b-q5lv73xlv9] {
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0.375rem 0.5rem 0 0.5rem;
        touch-action: pan-y;
    }

    .message-card[b-q5lv73xlv9] {
        max-width: 90%;
        background: #ffffff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
        border-radius: var(--radius-lg) var(--radius-lg) 0.25rem var(--radius-lg);
    }

        .message-card:hover[b-q5lv73xlv9] {
            transform: none;
        }

    .message-main[b-q5lv73xlv9] {
        padding: 0.5rem 0.75rem;
        gap: 0.5rem;
    }

    .message-footer[b-q5lv73xlv9] {
        padding: 0.3125rem 0.75rem;
    }

    .message-avatar[b-q5lv73xlv9] {
        height: 1.375rem;
        width: 1.375rem;
        border-radius: 0.375rem;
    }

    .message-recency[b-q5lv73xlv9] {
        font-size: 0.65625rem;
    }

    .message-text-user[b-q5lv73xlv9] {
        font-size: 0.84375rem;
    }

    .ai-history-card[b-q5lv73xlv9] {
        max-width: 94%;
        margin-bottom: 0.25rem;
        border-radius: 0.75rem 0.75rem 0.75rem 0.1875rem;
    }

        .ai-history-card:hover[b-q5lv73xlv9] {
            transform: none;
        }

    .ai-history-main[b-q5lv73xlv9] {
        padding: 0.4375rem 1.625rem 0.3125rem 0.625rem;
        gap: 0.375rem;
    }

    .ai-history-avatar[b-q5lv73xlv9] {
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 0.3125rem;
    }

    .ai-history-tagline[b-q5lv73xlv9] {
        font-size: 0.84375rem;
        line-height: 1.35;
    }

    .ai-history-question-text[b-q5lv73xlv9] {
        font-size: 0.8125rem;
        line-height: 1.4;
    }

    .ai-history-preview-tagline[b-q5lv73xlv9] {
        font-size: 0.8125rem;
    }

    .ai-history-preview-question[b-q5lv73xlv9] {
        font-size: 0.75rem;
    }

    .ai-history-preview-arrow[b-q5lv73xlv9] {
        font-size: 0.25rem;
        margin: 0 0.25rem;
    }

    .ai-history-expand[b-q5lv73xlv9] {
        top: 0.3125rem;
        right: 0.375rem;
        width: 1rem;
        height: 1rem;
    }

        .ai-history-expand i[b-q5lv73xlv9] {
            font-size: 0.375rem;
        }

    .ai-history-detail[b-q5lv73xlv9] {
        padding-left: 1.875rem;
        padding-right: 0.625rem;
    }

    .ai-history-footer[b-q5lv73xlv9] {
        padding: 0.1875rem 0.625rem;
    }

    .ai-history-recency[b-q5lv73xlv9] {
        font-size: 0.65625rem;
    }

    .ct-user-selections[b-q5lv73xlv9] {
        gap: 0.1875rem;
        margin-bottom: 0.25rem;
    }

    .ct-user-selection-badge[b-q5lv73xlv9] {
        font-size: 0.625rem;
        padding: 0.125rem 0.375rem;
    }

    .ar-body[b-q5lv73xlv9] {
        padding: 1rem 1.125rem 0.75rem 1.125rem;
        border-radius: var(--radius-lg) var(--radius-lg) 0 0;
        min-height: 0;
    }

    .ar-text[b-q5lv73xlv9] {
        font-size: 0.875rem;
        color: #2c2824 !important;
        line-height: 1.5;
    }

    .ar-tagline[b-q5lv73xlv9] {
        font-size: 0.96875rem;
        letter-spacing: -0.02em;
    }

    .ar-en-title[b-q5lv73xlv9] {
        font-size: 1.0625rem;
        font-weight: var(--font-weight-semibold);
        color: var(--ink) !important;
        letter-spacing: -0.012em;
    }

    .ar-en-rationale[b-q5lv73xlv9] {
        font-size: var(--text-sm);
        color: var(--ink-3) !important;
        margin-bottom: 0.875rem;
        padding-left: 0;
    }

    .ar-enrichment[b-q5lv73xlv9] {
        margin-top: 1.25rem;
        padding: 1rem 0 0;
    }

    .ar-en-badge[b-q5lv73xlv9] {
        font-size: var(--text-2xs);
        padding: 0;
        background: transparent;
        border: none;
        color: var(--ink-5);
        letter-spacing: 0.12em;
        margin-bottom: 0.5rem;
    }

    .ar-grid[b-q5lv73xlv9] {
        grid-template-columns: 1fr;
        gap: 0.625rem;
        padding-left: 0;
    }

    .ec[b-q5lv73xlv9] {
        padding: 0.875rem 0.875rem 0.75rem;
    }

        .ec:hover[b-q5lv73xlv9] {
            transform: none;
            box-shadow: 0 1px 0 rgba(180, 160, 130, 0.15), 0 2px 6px rgba(80, 60, 40, 0.06), 0 8px 18px rgba(80, 60, 40, 0.04);
        }

        .ec.on:hover[b-q5lv73xlv9] {
            transform: none;
        }

    .ec-label[b-q5lv73xlv9] {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-bold);
        color: var(--ink) !important;
        background: transparent;
        padding: 0;
        margin-bottom: 0.4375rem;
        padding-right: 2.25rem;
    }

    .ec.on .ec-label[b-q5lv73xlv9] {
        color: var(--ink) !important;
    }

    .ec-detail[b-q5lv73xlv9] {
        font-size: var(--text-xs);
        color: var(--ink-3) !important;
    }

    .ec.on .ec-detail[b-q5lv73xlv9] {
        color: #4a4038 !important;
    }

    .ar-points[b-q5lv73xlv9] {
        padding-left: 0;
    }

    .ar-point-label[b-q5lv73xlv9] {
        font-size: var(--text-2xs);
        color: #1e293b !important;
    }

    .ar-point-detail[b-q5lv73xlv9] {
        font-size: 0.5rem;
        color: #7a7068 !important;
    }

    .ar-meta[b-q5lv73xlv9] {
        padding-top: 0.375rem;
    }

    .ar-action[b-q5lv73xlv9] {
        font-size: 0.5625rem;
        height: 1.25rem;
        padding: 0 0.375rem;
    }

    .ar-vote-btn[b-q5lv73xlv9] {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.6875rem;
    }

    .ar-headline[b-q5lv73xlv9] {
        font-size: 0.875rem;
    }

    .ar-notice-text[b-q5lv73xlv9] {
        font-size: 0.8125rem;
    }

    .ib[b-q5lv73xlv9] {
        margin: 0 0.5rem 0.375rem 0.5rem;
        border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    }

    .ib-header[b-q5lv73xlv9] {
        padding: 0.5rem 1.125rem 0.3125rem 1.125rem;
        min-height: 1.375rem;
    }

    .ib > .ar-head > .ar-stripes[b-q5lv73xlv9] {
        right: 1.125rem;
    }

    .ib-idea-progress-bar[b-q5lv73xlv9] {
        width: 2.25rem;
    }

    .ib-input-row[b-q5lv73xlv9] {
        padding: 0.5rem 0.75rem 0.4375rem 2rem;
    }

        .ib-input-row textarea[b-q5lv73xlv9] {
            font-size: 0.9375rem;
            line-height: 1.55;
            min-height: 4rem;
            max-height: 9rem;
            color: #2c2824 !important;
        }

            .ib-input-row textarea[b-q5lv73xlv9]::placeholder {
                -webkit-text-fill-color: #a09890 !important;
            }

    .ib--welcome .ib-input-row textarea[b-q5lv73xlv9] {
        min-height: 6rem;
    }

    .ib-send[b-q5lv73xlv9] {
        width: 2rem;
        height: 2rem;
    }

        .ib-send svg[b-q5lv73xlv9] {
            width: 13px;
            height: 13px;
        }

    .ib-footer[b-q5lv73xlv9] {
        padding: 0.4375rem 0.75rem 0.5rem 2rem;
    }

    .ib-hint[b-q5lv73xlv9] {
        font-size: 0.625rem;
        line-height: 1.4;
    }

    .ib-char-count[b-q5lv73xlv9] {
        font-size: 0.5rem;
    }

    .ib-badge-strip[b-q5lv73xlv9] {
        padding: 0.5rem 0.75rem 0 2rem;
        gap: 0.25rem;
    }

    .bdg[b-q5lv73xlv9] {
        font-size: 0.5rem;
    }

    .scroll-indicator--up[b-q5lv73xlv9] {
        top: 0.5rem;
    }
}

.ib-idea-status[b-q5lv73xlv9] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    margin-left: 0.5rem;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
    white-space: nowrap;
    flex-shrink: 0;
}

.ib-idea-status-dot[b-q5lv73xlv9] {
    width: 0.3125rem;
    height: 0.3125rem;
    border-radius: 50%;
    background: var(--accent);
}

.ib-ask[b-q5lv73xlv9] {
    padding: 0.125rem 0 0.25rem;
}

    .ib-ask .ar-enrichment[b-q5lv73xlv9],
    .ib-ask .ar-enrichment--inline[b-q5lv73xlv9] {
        background: transparent;
        border: 0;
        box-shadow: none;
        padding: 0.25rem 0 0;
        margin: 0;
    }

    .ib-ask .ar-en-badge[b-q5lv73xlv9] {
        margin: 0;
    }

    .ib-ask .ar-en-header[b-q5lv73xlv9] {
        margin: 0.375rem 0 0;
        animation: none;
    }

    .ib-ask .ar-en-title[b-q5lv73xlv9] {
        font-size: 1.0625rem;
        font-weight: 600;
        line-height: 1.45;
        letter-spacing: -0.015em;
        color: var(--ink);
    }

@keyframes ecReveal-b-q5lv73xlv9 {
    from {
        opacity: 0;
        transform: translateY(8px) rotate(var(--rot, 0deg));
    }

    to {
        opacity: 1;
        transform: translateY(0) rotate(var(--rot, 0deg));
    }
}

.message-text--skipped[b-q5lv73xlv9] {
    font-style: italic;
    opacity: 0.55;
}

.ib-ask-actions[b-q5lv73xlv9] {
    margin: 1rem 0 0.125rem;
}

.messages-container .message-card[b-q5lv73xlv9] {
    padding: 0.5rem 0.875rem;
}

.ib-panel[b-q5lv73xlv9] {
    margin: 0.25rem 1rem 1rem;
    padding: 1rem 1.375rem 0.375rem;
    background: #ffffff;
    border: 1px solid rgba(118, 104, 160, 0.24);
    border-radius: var(--radius-lg);
    box-shadow: 0 -2px 5px rgba(60, 50, 90, 0.08), 0 1px 2px rgba(60, 50, 90, 0.03), 0 3px 10px rgba(60, 50, 90, 0.03);
    transition: border-color 0.35s ease, box-shadow 0.35s ease;
}

    .ib-panel .ib-input-row[b-q5lv73xlv9] {
        padding: 0.625rem 0 0.375rem 0.125rem;
    }

    .ib-panel .ib-badge-strip[b-q5lv73xlv9] {
        padding: 0.5rem 0 0 0.125rem;
    }

    .ib-panel .ib-footer[b-q5lv73xlv9] {
        padding: 0.375rem 0.125rem 0.375rem 0.125rem;
    }

.ar-body .ib-header[b-q5lv73xlv9] {
    padding: 0 0 1.125rem 0;
    min-height: 0;
}

.ar-meta--votes[b-q5lv73xlv9] {
    justify-content: flex-end;
}

.ib-ask .ar-enrichment[b-q5lv73xlv9]::before {
    content: none;
}

.ib:focus-within .ib-panel[b-q5lv73xlv9] {
    border-color: rgba(240, 12, 113, 0.32);
}

.message-card.collapsed:not(.message-card--pending)[b-q5lv73xlv9] {
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .message-card.collapsed:not(.message-card--pending):hover[b-q5lv73xlv9] {
        border-color: rgba(200, 195, 187, 0.75);
        box-shadow: 0 2px 8px rgba(80, 60, 40, 0.06);
    }

.ai-history-card:not(.ai-history-card--static)[b-q5lv73xlv9] {
    cursor: pointer;
}

    .ai-history-card:not(.ai-history-card--static):hover .ai-history-expand i[b-q5lv73xlv9] {
        transform: translateY(1px);
        color: var(--accent);
    }

.ib-panel > .ib-separator:first-child[b-q5lv73xlv9] {
    display: none;
}

.ib--capped[b-q5lv73xlv9] {
    border-top: 1px solid rgba(180, 160, 130, 0.22);
    border-radius: var(--radius-xl);
    box-shadow: 0 -1px 3px rgba(80, 60, 40, 0.03), 0 2px 10px rgba(80, 60, 40, 0.04), 0 6px 20px rgba(80, 60, 40, 0.03);
}

@keyframes ibHeaderIn-b-q5lv73xlv9 {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ar--framed .ar-body[b-q5lv73xlv9] {
    --card-top: #f5f2fc;
    --card-bottom: #f2eefb;
    --card-line: #e3d7fa;
    --card-rule: rgba(120, 92, 190, 0.18);
}

.ib--framed[b-q5lv73xlv9] {
    background: linear-gradient(180deg, #f2eefb 0%, #efeaf9 100%);
    border-color: #e3d7fa;
}

.ib:not(.ib--capped)[b-q5lv73xlv9] {
    border-top-color: transparent !important;
}

.scroll-indicator--down[b-q5lv73xlv9] {
    top: auto;
    right: auto;
    bottom: 0.875rem;
    left: 50%;
    transform: translateX(-50%) translateY(6px);
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.4375rem;
    padding: 0.4375rem 0.875rem;
    background: #ffffff;
    border: 1px solid rgba(180, 160, 130, 0.35);
    border-radius: 999px;
    box-shadow: 0 4px 14px rgba(80, 60, 40, 0.14), 0 1px 3px rgba(80, 60, 40, 0.10);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ink);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

    .scroll-indicator--down.visible[b-q5lv73xlv9] {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
    }

    .scroll-indicator--down:hover[b-q5lv73xlv9] {
        border-color: rgba(240, 12, 113, 0.4);
    }

.scroll-home-label[b-q5lv73xlv9] {
    line-height: 1;
}
/* /Components/AinnaSmartToolbar.razor.rz.scp.css */
.sb2[b-3vnjiqk8ve], .sb2-exp[b-3vnjiqk8ve] {
    --font-ui: 'Space Grotesk', 'Helvetica Neue', Helvetica, sans-serif;
    --font-text: 'Inter', 'Inter Variable', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-data: 'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
    --topbar-line: #EFE9EE;
    --panel-bg: #112327;
    --panel-bg-top: #182B30;
    --peek-bg: #13252A;
    --tip-bg: #1B3034;
    --chrome-seam: #142529;
    --pink: #E0176B;
    --pink-hover: #CB1560;
    --pink-deep: #C71260;
    --pink-bright: #FF5C9E;
    --amber: #F2B544;
    --ink-hi: #F5F0F4;
    --ink-head: #D7D1D6;
    --ink-mid: #C0B7BE;
    --ink-row: #B9B2B9;
    --ink-soft: #A69DA4;
    --ink-edit: #A299A2;
    --ink-dim: #989198;
    --ink-meta: #908990;
    --ink-icon: #6F6970;
    --lt-dim: #877E88;
    --line-strong: rgba(255, 255, 255, 0.12);
    --line: rgba(255, 255, 255, 0.07);
    --line-soft: rgba(255, 255, 255, 0.06);
    --fill-card: rgba(255, 255, 255, 0.04);
    --fill-hover: rgba(255, 255, 255, 0.05);
    --fill-hover2: rgba(255, 255, 255, 0.07);
    --fill-chip: rgba(255, 255, 255, 0.06);
    --fill-btn: rgba(255, 255, 255, 0.06);
    --fill-badge: rgba(255, 255, 255, 0.10);
    --spine: rgba(255, 255, 255, 0.10);
    --path-line: rgba(255, 244, 224, 0.60);
    --band: #071418;
    --band-hover: #0C1B1F;
    --fill-input: #ECEBEE;
    --fill-input-focus: #FFFFFF;
    --ink-on-input: #221C21;
    --ink-on-input-soft: #6E6773;
    --tier-great: #86EFAC;
    --tier-good: #BEF264;
    --tier-moderate: #FDBA74;
    --tier-poor: #FCA5A5;
    --tier-great-rgb: 74, 222, 128;
    --tier-good-rgb: 163, 230, 53;
    --tier-moderate-rgb: 251, 146, 60;
    --tier-poor-rgb: 248, 113, 113;
    --scrollbar: #24363A;
    --r-capsule: 18px;
    --r-card: 14px;
    --r-tile: 12px;
    --r-row: 10px;
    --shadow-capsule: 0 16px 40px rgba(18, 17, 22, 0.35);
    --shadow-pink: 0 3px 10px rgba(224, 23, 107, 0.28);
    --sb-top: calc(8px + env(safe-area-inset-top, 0px));
    --sb-t: 0.15s ease;
    --sb-shift: 8px;
}

.backdrop[b-3vnjiqk8ve] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(18, 17, 22, 0.14);
    cursor: default;
}

    .backdrop.with-blur[b-3vnjiqk8ve] {
        background: rgba(18, 17, 22, 0.20);
        backdrop-filter: blur(3px) saturate(0.96);
        -webkit-backdrop-filter: blur(3px) saturate(0.96);
    }

.sb2-exp[b-3vnjiqk8ve] {
    position: fixed;
    top: var(--sb-top);
    left: var(--ainna-rail-w, 88px);
    bottom: 14px;
    width: min(620px, calc(100vw - var(--ainna-rail-w, 88px) - 56px));
    box-sizing: border-box;
    z-index: 1205;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: var(--panel-bg);
    background-image: linear-gradient(180deg, var(--panel-bg-top) 0, var(--panel-bg) 150px);
    color: var(--ink-mid);
    font-family: var(--font-ui);
    -webkit-font-smoothing: antialiased;
    border-left: 1px solid transparent;
    border-right: 1px solid var(--line);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    border-radius: 0 var(--r-capsule) var(--r-capsule) 0;
    box-shadow: var(--shadow-capsule);
    overflow: visible;
    animation: sb2-exp-in-b-3vnjiqk8ve 0.22s cubic-bezier(0.16, 1, 0.3, 1) both;
    cursor: default;
}

@keyframes sb2-exp-in-b-3vnjiqk8ve {
    from {
        opacity: 0;
        transform: translateX(-14px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.sb2-exp-head[b-3vnjiqk8ve] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0;
}

.sb2-phead[b-3vnjiqk8ve] {
    position: relative;
    z-index: 6;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 16px;
    row-gap: 4px;
    box-sizing: border-box;
    min-width: 0;
    min-height: 54px;
    padding: 24px 52px 10px calc(20px + var(--sb-shift));
}

.sb2-ptitle[b-3vnjiqk8ve] {
    margin: 0;
    flex: 0 1 auto;
    min-width: 0;
    font-family: var(--font-ui);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--ink-dim);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sb2-close[b-3vnjiqk8ve] {
    position: absolute;
    top: 19px;
    right: 12px;
    margin: 0;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--ink-meta);
    cursor: pointer;
    transition: background var(--sb-t), color var(--sb-t);
}

    .sb2-close:hover[b-3vnjiqk8ve] {
        background: var(--fill-hover2);
        color: var(--ink-hi);
    }

    .sb2-close svg[b-3vnjiqk8ve] {
        width: 16px;
        height: 16px;
        display: block;
    }

.sb2-search[b-3vnjiqk8ve] {
    position: relative;
    flex: 1 1 260px;
    min-width: 0;
}

.sb2-search-icon[b-3vnjiqk8ve] {
    position: absolute;
    left: 13px;
    top: 9.5px;
    width: 17px;
    height: 17px;
    color: var(--ink-on-input-soft);
    pointer-events: none;
}

.sb2-search-input[b-3vnjiqk8ve] {
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    border-radius: var(--r-tile);
    border: 1px solid transparent;
    background: var(--fill-input);
    color: var(--ink-on-input);
    padding: 0 38px 0 40px;
    font-family: var(--font-ui);
    font-size: 14px;
    outline: none;
    transition: border-color var(--sb-t), background var(--sb-t), box-shadow var(--sb-t);
}

    .sb2-search-input[b-3vnjiqk8ve]::placeholder {
        color: var(--ink-on-input-soft);
    }

    .sb2-search-input:focus[b-3vnjiqk8ve] {
        background: var(--fill-input-focus);
        border-color: rgba(224, 23, 107, 0.55);
        box-shadow: none;
    }

.sb2-kbd[b-3vnjiqk8ve] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    min-width: 18px;
    height: 20px;
    padding: 0 5px;
    box-sizing: border-box;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(34, 28, 33, 0.18);
    border-bottom-width: 2px;
    border-radius: 5px;
    background: #FFFFFF;
    color: var(--ink-on-input-soft);
    font-family: var(--font-data);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    pointer-events: none;
}

.sb2-search:focus-within .sb2-kbd[b-3vnjiqk8ve] {
    display: none;
}

.sb2-exp input.sb2-search-input:focus-visible[b-3vnjiqk8ve] {
    outline: none;
}

.sb2-search-clear[b-3vnjiqk8ve] {
    position: absolute;
    right: 8px;
    top: 5.5px;
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    font-size: 10px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--ink-on-input-soft);
    cursor: pointer;
    transition: background var(--sb-t), color var(--sb-t);
    animation: sb2-pop-b-3vnjiqk8ve 0.12s ease both;
}

    .sb2-search-clear:hover[b-3vnjiqk8ve] {
        background: rgba(34, 28, 33, 0.08);
        color: var(--ink-on-input);
    }

@keyframes sb2-pop-b-3vnjiqk8ve {
    from {
        opacity: 0;
        scale: 0.8;
    }

    to {
        opacity: 1;
        scale: 1;
    }
}

.sb2-bar[b-3vnjiqk8ve] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    min-width: 0;
    padding: 2px 18px 12px calc(18px + var(--sb-shift));
    border-bottom: 1px solid var(--line);
}

.sb2-ctl[b-3vnjiqk8ve] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.sb2-tabs[b-3vnjiqk8ve] {
    display: inline-flex;
    gap: 2px;
}

.sb2-tab[b-3vnjiqk8ve],
.sb2-scp[b-3vnjiqk8ve] {
    position: relative;
    height: 26px;
    padding: 0 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--ink-dim);
    font-family: var(--font-ui);
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--sb-t), color var(--sb-t);
}

.sb2-scp[b-3vnjiqk8ve] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0 9px;
}

    .sb2-scp i[b-3vnjiqk8ve] {
        font-size: 11px;
    }

    .sb2-tab:hover[b-3vnjiqk8ve],
    .sb2-scp:hover[b-3vnjiqk8ve] {
        color: var(--ink-head);
    }

    .sb2-tab[aria-selected="true"][b-3vnjiqk8ve],
    .sb2-scp[aria-pressed="true"][b-3vnjiqk8ve] {
        background: var(--fill-hover2);
        color: var(--ink-head);
    }

.sb2-fsep[b-3vnjiqk8ve] {
    width: 1px;
    height: 14px;
    margin: 0 2px;
    background: var(--line-strong);
}

.sb2-pstats[b-3vnjiqk8ve] {
    margin-left: auto;
    display: flex;
    align-items: baseline;
    gap: 12px;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    font-family: var(--font-ui);
    font-size: 14px;
    line-height: 1.2;
    color: var(--ink-dim);
}

    .sb2-pstats b[b-3vnjiqk8ve] {
        margin-right: 4px;
        font-family: var(--font-data);
        font-size: 13.5px;
        font-weight: 600;
        color: var(--ink-dim);
        font-variant-numeric: tabular-nums;
    }

.sb2-exp [data-tip][b-3vnjiqk8ve]::after {
    content: attr(data-tip);
    position: absolute;
    left: 50%;
    top: calc(100% + 10px);
    transform: translateX(-50%) translateY(-4px);
    z-index: 10;
    padding: 7px 11px;
    border-radius: 9px;
    background: var(--tip-bg);
    border: 1px solid var(--line-strong);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    color: var(--ink-hi);
    font-family: var(--font-ui);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.35;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.12s ease 0s, transform 0.12s ease 0s;
}

.sb2-exp [data-tip][b-3vnjiqk8ve]::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(100% + 6px);
    z-index: 11;
    width: 8px;
    height: 8px;
    transform: translateX(-50%) rotate(45deg);
    background: var(--tip-bg);
    border-left: 1px solid var(--line-strong);
    border-top: 1px solid var(--line-strong);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.12s ease 0s;
}

@media (hover: hover) {
    .sb2-exp [data-tip]:hover[b-3vnjiqk8ve]::after {
        opacity: 1;
        transform: translateX(-50%);
        transition-delay: 0.35s;
    }

    .sb2-exp [data-tip]:hover[b-3vnjiqk8ve]::before {
        opacity: 1;
        transition-delay: 0.35s;
    }
}

.sb2-exp [data-tip]:focus-visible[b-3vnjiqk8ve]::after {
    opacity: 1;
    transform: translateX(-50%);
    transition-delay: 0.35s;
}

.sb2-exp [data-tip]:focus-visible[b-3vnjiqk8ve]::before {
    opacity: 1;
    transition-delay: 0.35s;
}

.sb2-exp .sb2-scp[data-tip][b-3vnjiqk8ve]::after,
.sb2-exp .sb2-scp[data-tip]:hover[b-3vnjiqk8ve]::after,
.sb2-exp .sb2-scp[data-tip]:focus-visible[b-3vnjiqk8ve]::after,
.sb2-exp .sb2-close[data-tip][b-3vnjiqk8ve]::after,
.sb2-exp .sb2-close[data-tip]:hover[b-3vnjiqk8ve]::after,
.sb2-exp .sb2-close[data-tip]:focus-visible[b-3vnjiqk8ve]::after {
    left: auto;
    right: 0;
    transform: none;
}

.sb2-exp [data-tip]:active[b-3vnjiqk8ve]::after,
.sb2-exp [data-tip]:active[b-3vnjiqk8ve]::before {
    display: none;
}

.sb2-list[b-3vnjiqk8ve] {
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 0 12px 56px calc(12px + var(--sb-shift));
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar) transparent;
}

    .sb2-list[b-3vnjiqk8ve]::-webkit-scrollbar {
        width: 10px;
    }

    .sb2-list[b-3vnjiqk8ve]::-webkit-scrollbar-thumb {
        background: var(--scrollbar);
        border-radius: 8px;
        border: 3px solid var(--panel-bg);
    }

    .sb2-list[b-3vnjiqk8ve]::-webkit-scrollbar-track {
        background: transparent;
    }

    .sb2-list[b-3vnjiqk8ve]::before {
        content: "";
        display: block;
        flex: 0 0 auto;
        height: 12px;
    }

.sb2-groups[b-3vnjiqk8ve] {
    display: flex;
    flex-direction: column;
}

@keyframes sb2-fade-b-3vnjiqk8ve {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.sb2-cap[b-3vnjiqk8ve] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 20px 4px 0;
    font-family: var(--font-ui);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: var(--ink-meta);
}

    .sb2-cap b[b-3vnjiqk8ve] {
        font-family: var(--font-data);
        font-size: 11px;
        font-weight: 600;
        color: var(--ink-meta);
    }

.sb2-cap-rule[b-3vnjiqk8ve] {
    flex: 1;
    height: 1px;
    background: var(--line);
}

.sb2-cap-btn[b-3vnjiqk8ve] {
    border: 0;
    background: transparent;
    padding: 4px 2px;
    font-family: var(--font-ui);
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-meta);
    cursor: pointer;
}

    .sb2-cap-btn:hover[b-3vnjiqk8ve] {
        color: var(--ink-head);
    }

.sb2-grp[b-3vnjiqk8ve] {
    position: relative;
}

.sb2-gwrap[b-3vnjiqk8ve] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 10px 0 4px;
    background: var(--panel-bg);
}

.sb2-ghead[b-3vnjiqk8ve] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 6px 8px 8px;
    box-sizing: border-box;
    border-radius: var(--r-tile);
    background: var(--band);
    cursor: pointer;
    transition: background var(--sb-t);
}

    .sb2-ghead:hover[b-3vnjiqk8ve] {
        background: var(--band-hover);
    }

    .sb2-ghead.is-hi[b-3vnjiqk8ve] {
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26);
    }

.sb2-grp.is-committed .sb2-ghead .sb2-code[b-3vnjiqk8ve] {
    color: var(--amber);
}

.sb2-grp.is-path .sb2-ghead .sb2-code[b-3vnjiqk8ve] {
    color: var(--ink-hi);
}

.sb2-grp.is-committed .sb2-gname[b-3vnjiqk8ve] {
    color: var(--ink-head);
}

.sb2-ghead.is-open[b-3vnjiqk8ve]::after {
    content: "";
    position: absolute;
    left: 20.5px;
    top: 27px;
    bottom: -4px;
    width: 1px;
    background: var(--spine);
}

.sb2-kind[b-3vnjiqk8ve] {
    width: 26px;
    height: 17px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    color: var(--ink-icon);
    transition: color var(--sb-t), opacity var(--sb-t);
}

    .sb2-kind i[b-3vnjiqk8ve] {
        font-size: 12.5px;
        line-height: 1;
    }

.sb2-ghead.is-empty .sb2-kind[b-3vnjiqk8ve] {
    opacity: 0.6;
}

.sb2-ghead:hover .sb2-kind[b-3vnjiqk8ve],
.sb2-ghead.is-hi .sb2-kind[b-3vnjiqk8ve],
.sb2-grp.is-committed .sb2-kind[b-3vnjiqk8ve],
.sb2-grp.is-path .sb2-ghead .sb2-kind[b-3vnjiqk8ve] {
    opacity: 1;
}

.sb2-ghead:hover .k-problem[b-3vnjiqk8ve],
.sb2-ghead.is-hi .k-problem[b-3vnjiqk8ve],
.sb2-grp.is-committed .k-problem[b-3vnjiqk8ve],
.sb2-grp.is-path .sb2-ghead .k-problem[b-3vnjiqk8ve],
.sb2-peek .k-problem[b-3vnjiqk8ve] {
    color: var(--amber);
}

.sb2-ghead:hover .k-default[b-3vnjiqk8ve],
.sb2-ghead.is-hi .k-default[b-3vnjiqk8ve],
.sb2-grp.is-committed .k-default[b-3vnjiqk8ve],
.sb2-grp.is-path .sb2-ghead .k-default[b-3vnjiqk8ve],
.sb2-peek .k-default[b-3vnjiqk8ve],
.sb2-peek .k-idea[b-3vnjiqk8ve] {
    color: var(--amber);
}

.sb2-ghead:hover .k-portfolio[b-3vnjiqk8ve],
.sb2-ghead.is-hi .k-portfolio[b-3vnjiqk8ve],
.sb2-grp.is-committed .k-portfolio[b-3vnjiqk8ve],
.sb2-grp.is-path .sb2-ghead .k-portfolio[b-3vnjiqk8ve],
.sb2-peek .k-portfolio[b-3vnjiqk8ve] {
    color: var(--ink-hi);
}

.sb2-gmain[b-3vnjiqk8ve] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.sb2-gline[b-3vnjiqk8ve] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 17px;
}

.sb2-ghead .sb2-code[b-3vnjiqk8ve] {
    min-width: 0;
    font-family: var(--font-data);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-head);
    overflow-wrap: anywhere;
}

.sb2-ghead.is-empty .sb2-code[b-3vnjiqk8ve] {
    font-weight: 600;
    color: var(--ink-row);
}

.sb2-orphan[b-3vnjiqk8ve] {
    margin-left: -6px;
    font-family: var(--font-data);
    font-size: 12.5px;
    font-weight: 800;
    line-height: 1.3;
    color: var(--amber);
}

.sb2-gcount[b-3vnjiqk8ve] {
    flex: 0 0 auto;
    white-space: nowrap;
    font-family: var(--font-data);
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: var(--ink-dim);
    font-variant-numeric: tabular-nums;
}

    .sb2-gcount.is-none[b-3vnjiqk8ve] {
        font-family: var(--font-ui);
        font-size: 12px;
        font-weight: 400;
    }

.sb2-gname[b-3vnjiqk8ve] {
    font-family: var(--font-text);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.35;
    color: var(--ink-edit);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .sb2-gname:empty[b-3vnjiqk8ve] {
        display: none;
    }

.sb2-gside[b-3vnjiqk8ve] {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 17px;
    flex: 0 0 auto;
}

.sb2-ggrades[b-3vnjiqk8ve] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.sb2-ggrades-more[b-3vnjiqk8ve] {
    font-family: var(--font-data);
    font-size: 10.5px;
    font-weight: 600;
    color: var(--ink-dim);
}

.sb2-fold[b-3vnjiqk8ve] {
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--ink-meta);
    cursor: pointer;
    transition: background var(--sb-t), color var(--sb-t);
}

    .sb2-fold:hover[b-3vnjiqk8ve] {
        background: var(--fill-hover2);
        color: var(--ink-hi);
    }

    .sb2-fold svg[b-3vnjiqk8ve] {
        width: 14px;
        height: 14px;
        display: block;
        transition: transform var(--sb-t);
    }

.sb2-grp.is-folded .sb2-fold svg[b-3vnjiqk8ve] {
    transform: rotate(-90deg);
}

.sb2-fold.is-ghost[b-3vnjiqk8ve] {
    visibility: hidden;
}

.sb2-rows[b-3vnjiqk8ve] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 0 4px;
}

.sb2-row[b-3vnjiqk8ve] {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 7px 8px 8px 40px;
    border-radius: var(--r-row);
    cursor: pointer;
    font-family: var(--font-ui);
    scroll-margin-top: 72px;
    transition: background var(--sb-t);
}

    .sb2-row[b-3vnjiqk8ve]::before,
    .sb2-row[b-3vnjiqk8ve]::after {
        content: "";
        position: absolute;
        left: 20.5px;
        width: 1px;
        background: var(--spine);
    }

    .sb2-row[b-3vnjiqk8ve]::before {
        top: 0;
        height: 8px;
    }

    .sb2-row[b-3vnjiqk8ve]::after {
        top: 25px;
        bottom: 0;
    }

    .sb2-row.is-last[b-3vnjiqk8ve]::after {
        display: none;
    }

.sb2-grp.is-direct .sb2-ghead.is-open[b-3vnjiqk8ve]::after,
.sb2-grp.is-direct .sb2-row[b-3vnjiqk8ve]::before,
.sb2-grp.is-direct .sb2-row[b-3vnjiqk8ve]::after {
    background: repeating-linear-gradient(to bottom, var(--spine) 0 3px, transparent 3px 6px);
}

.sb2-grp.is-path .sb2-ghead.is-open[b-3vnjiqk8ve]::after,
.sb2-grp.is-path .sb2-row.is-path[b-3vnjiqk8ve]::before,
.sb2-grp.is-path .sb2-row.is-path[b-3vnjiqk8ve]::after,
.sb2-grp.is-path .sb2-row.is-committed[b-3vnjiqk8ve]::before {
    background: var(--path-line);
}

.sb2-grp.is-direct.is-path .sb2-ghead.is-open[b-3vnjiqk8ve]::after,
.sb2-grp.is-direct.is-path .sb2-row.is-path[b-3vnjiqk8ve]::before,
.sb2-grp.is-direct.is-path .sb2-row.is-path[b-3vnjiqk8ve]::after,
.sb2-grp.is-direct.is-path .sb2-row.is-committed[b-3vnjiqk8ve]::before {
    background: repeating-linear-gradient(to bottom, var(--path-line) 0 3px, transparent 3px 6px);
}

.sb2-row:hover[b-3vnjiqk8ve] {
    background: var(--fill-hover);
}

.sb2-row.is-hi[b-3vnjiqk8ve] {
    background: var(--fill-hover2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26);
}

.sb2-ric[b-3vnjiqk8ve] {
    position: absolute;
    left: 14px;
    top: 9px;
    z-index: 1;
    width: 14px;
    height: 15px;
    display: grid;
    place-items: center;
    color: var(--ink-icon);
    transition: color var(--sb-t);
}

    .sb2-ric i[b-3vnjiqk8ve] {
        font-size: 11.5px;
        line-height: 1;
    }

.sb2-row.is-blank .sb2-ric[b-3vnjiqk8ve] {
    opacity: 0.55;
}

.sb2-row:hover .sb2-ric[b-3vnjiqk8ve],
.sb2-row.is-hi .sb2-ric[b-3vnjiqk8ve],
.sb2-row.is-committed .sb2-ric[b-3vnjiqk8ve] {
    color: var(--amber);
    opacity: 1;
}

.sb2-rmain[b-3vnjiqk8ve] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.sb2-rline[b-3vnjiqk8ve] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 19px;
}

.sb2-row .sb2-code[b-3vnjiqk8ve] {
    min-width: 0;
    font-family: var(--font-data);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-row);
    overflow-wrap: anywhere;
}

.sb2-row:hover .sb2-code[b-3vnjiqk8ve] {
    color: var(--ink-head);
}

.sb2-row.is-committed .sb2-code[b-3vnjiqk8ve] {
    font-weight: 700;
    color: var(--amber);
}

.sb2-row.is-blank .sb2-code[b-3vnjiqk8ve] {
    font-family: var(--font-text);
    font-size: 12.5px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ink-dim);
}

.sb2-ghead.is-blank .sb2-code[b-3vnjiqk8ve] {
    font-family: var(--font-text);
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ink-dim);
}

.sb2-row.is-blank.is-committed .sb2-code[b-3vnjiqk8ve] {
    font-weight: 600;
    color: var(--amber);
}

.sb2-row.is-stub .sb2-code[b-3vnjiqk8ve] {
    color: var(--ink-dim);
}

.sb2-age[b-3vnjiqk8ve] {
    flex: 0 0 auto;
    white-space: nowrap;
    font-family: var(--font-data);
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: var(--ink-meta);
    font-variant-numeric: tabular-nums;
}

.sb2-sp[b-3vnjiqk8ve] {
    flex: 1;
}

.sb2-rname[b-3vnjiqk8ve] {
    margin-top: -1px;
    font-family: var(--font-text);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--ink-edit);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sb2-row.is-committed .sb2-rname[b-3vnjiqk8ve] {
    color: var(--ink-head);
}

.sb2-row.is-committed .sb2-age[b-3vnjiqk8ve] {
    color: var(--ink-mid);
}

.sb2-topgrade[b-3vnjiqk8ve] {
    min-width: 22px;
    height: 18px;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--fill-chip);
    color: var(--ink-mid);
    font-family: var(--font-data);
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
}

    .sb2-topgrade.tier-great[b-3vnjiqk8ve] {
        color: var(--tier-great);
        background: rgba(var(--tier-great-rgb), 0.14);
        box-shadow: inset 0 0 0 1px rgba(var(--tier-great-rgb), 0.50);
    }

    .sb2-topgrade.tier-good[b-3vnjiqk8ve] {
        color: var(--tier-good);
        background: rgba(var(--tier-good-rgb), 0.14);
        box-shadow: inset 0 0 0 1px rgba(var(--tier-good-rgb), 0.50);
    }

    .sb2-topgrade.tier-moderate[b-3vnjiqk8ve] {
        color: var(--tier-moderate);
        background: rgba(var(--tier-moderate-rgb), 0.14);
        box-shadow: inset 0 0 0 1px rgba(var(--tier-moderate-rgb), 0.50);
    }

    .sb2-topgrade.tier-poor[b-3vnjiqk8ve] {
        color: var(--tier-poor);
        background: rgba(var(--tier-poor-rgb), 0.14);
        box-shadow: inset 0 0 0 1px rgba(var(--tier-poor-rgb), 0.50);
    }

.sb2-who[b-3vnjiqk8ve] {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: var(--fill-chip);
    color: var(--ink-dim);
    font-family: var(--font-ui);
    font-size: 9.5px;
    font-weight: 700;
    line-height: 1;
}

.sb2-more[b-3vnjiqk8ve] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 3px 8px 6px 40px;
}

.sb2-viewall[b-3vnjiqk8ve] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 0;
    border: 0;
    background: transparent;
    font-family: var(--font-ui);
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1;
    color: var(--ink-dim);
    cursor: pointer;
    transition: color var(--sb-t);
}

    .sb2-viewall:hover:not(:disabled)[b-3vnjiqk8ve] {
        color: var(--ink-head);
    }

    .sb2-viewall:disabled[b-3vnjiqk8ve] {
        opacity: 0.45;
        cursor: not-allowed;
    }

.sb2-va-arrow[b-3vnjiqk8ve] {
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
}

.sb2-more-count[b-3vnjiqk8ve] {
    font-family: var(--font-data);
    font-size: 11px;
    font-weight: 500;
    color: var(--ink-meta);
}

.sb2-drafts[b-3vnjiqk8ve] {
    padding: 2px 8px 4px 40px;
}

.sb2-drafts-btn[b-3vnjiqk8ve] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 0;
    border: 0;
    background: transparent;
    font-family: var(--font-ui);
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1;
    color: var(--ink-dim);
    cursor: pointer;
    transition: color var(--sb-t);
}

    .sb2-drafts-btn:hover[b-3vnjiqk8ve] {
        color: var(--ink-head);
    }

    .sb2-drafts-btn i[b-3vnjiqk8ve] {
        font-size: 10.5px;
    }

    .sb2-drafts-btn .sb2-va-arrow[b-3vnjiqk8ve] {
        transition: transform var(--sb-t);
    }

    .sb2-drafts-btn[aria-expanded="true"] .sb2-va-arrow[b-3vnjiqk8ve] {
        transform: rotate(180deg);
    }

.sb2-row.is-draft[b-3vnjiqk8ve]::before,
.sb2-row.is-draft[b-3vnjiqk8ve]::after {
    display: none;
}

.sb2-here[b-3vnjiqk8ve] {
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 70%;
    height: 32px;
    padding: 0 12px 0 11px;
    box-sizing: border-box;
    border: 1px solid var(--line-strong);
    border-radius: 999px;
    background: var(--peek-bg);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
    color: var(--ink-head);
    font-family: var(--font-data);
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: background var(--sb-t), color var(--sb-t);
}

    .sb2-here[hidden][b-3vnjiqk8ve] {
        display: none;
    }

    .sb2-here i[b-3vnjiqk8ve] {
        font-size: 11px;
        color: var(--amber);
    }

    .sb2-here span[b-3vnjiqk8ve] {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.sb2-here-arrow[b-3vnjiqk8ve] {
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
    transition: transform var(--sb-t);
}

.sb2-here[data-dir="up"] .sb2-here-arrow[b-3vnjiqk8ve] {
    transform: rotate(180deg);
}

.sb2-here:hover[b-3vnjiqk8ve] {
    background: var(--band-hover);
    color: var(--ink-hi);
}

@media (max-width: 640px) {
    .sb2-here[b-3vnjiqk8ve] {
        bottom: 76px;
    }
}

.sb2-evband[b-3vnjiqk8ve] {
    margin: 18px 4px 6px;
    font-family: var(--font-data);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-dim);
}

.sb2-evrows .sb2-row[b-3vnjiqk8ve]::before,
.sb2-evrows .sb2-row[b-3vnjiqk8ve]::after {
    display: none;
}

.sb2-peek-src[b-3vnjiqk8ve] {
    display: none;
}

.sb2-peek[b-3vnjiqk8ve] {
    position: absolute;
    left: calc(100% + 12px);
    top: 0;
    width: 320px;
    box-sizing: border-box;
    padding: 14px 16px 15px;
    border-radius: var(--r-card);
    background: var(--peek-bg);
    border: 1px solid var(--line-strong);
    box-shadow: var(--shadow-capsule);
    color: var(--ink-soft);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.12s ease, transform 0.12s ease;
    pointer-events: none;
    z-index: 8;
}

    .sb2-peek:empty[b-3vnjiqk8ve] {
        display: none;
    }

    .sb2-peek[data-on][b-3vnjiqk8ve] {
        opacity: 1;
        transform: none;
    }

    .sb2-peek[b-3vnjiqk8ve]::before {
        content: "";
        position: absolute;
        left: -6px;
        top: calc(var(--peek-caret, 24px) - 5px);
        width: 10px;
        height: 10px;
        background: var(--peek-bg);
        border-left: 1px solid var(--line-strong);
        border-bottom: 1px solid var(--line-strong);
        transform: rotate(45deg);
    }

.sb2-pk-top[b-3vnjiqk8ve] {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .sb2-pk-top .sb2-kind[b-3vnjiqk8ve] {
        width: 18px;
        height: 18px;
    }

        .sb2-pk-top .sb2-kind i[b-3vnjiqk8ve] {
            font-size: 11.5px;
        }

.sb2-pk-code[b-3vnjiqk8ve] {
    min-width: 0;
    font-family: var(--font-data);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-head);
    overflow-wrap: anywhere;
}

    .sb2-pk-code.is-blank[b-3vnjiqk8ve] {
        font-family: var(--font-text);
        font-size: 13.5px;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: none;
        color: var(--ink-mid);
    }

.sb2-pk-in[b-3vnjiqk8ve] {
    margin-top: 4px;
    font-family: var(--font-data);
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-dim);
}

.sb2-pk-name[b-3vnjiqk8ve] {
    margin: 10px 0 0;
    font-family: var(--font-text);
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--ink-soft);
}

    .sb2-pk-name[hidden][b-3vnjiqk8ve] {
        display: none;
    }

.sb2-dash[b-3vnjiqk8ve] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-top: 14px;
}

.sb2-dash-grade[b-3vnjiqk8ve] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    padding-top: 2px;
}

.sb2-dash-letter[b-3vnjiqk8ve] {
    font-family: var(--font-ui);
    font-size: 50px;
    font-weight: 700;
    line-height: 0.8;
    letter-spacing: -0.04em;
}

    .sb2-dash-letter.tc-great[b-3vnjiqk8ve] {
        color: var(--tier-great);
    }

    .sb2-dash-letter.tc-good[b-3vnjiqk8ve] {
        color: var(--tier-good);
    }

    .sb2-dash-letter.tc-moderate[b-3vnjiqk8ve] {
        color: var(--tier-moderate);
    }

    .sb2-dash-letter.tc-poor[b-3vnjiqk8ve] {
        color: var(--tier-poor);
    }

.sb2-dash-pct[b-3vnjiqk8ve] {
    margin-bottom: 1px;
    font-family: var(--font-data);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: var(--ink-dim);
}

.sb2-verdict[b-3vnjiqk8ve] {
    margin-top: 14px;
}

    .sb2-verdict b[b-3vnjiqk8ve] {
        display: block;
        font-family: var(--font-ui);
        font-size: 14.5px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--ink-head);
    }

    .sb2-verdict p[b-3vnjiqk8ve] {
        margin: 6px 0 0;
        font-family: var(--font-text);
        font-size: 13px;
        font-weight: 400;
        line-height: 1.5;
        color: var(--ink-soft);
    }

.sb2-pk-kv[b-3vnjiqk8ve] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 7px 14px;
    margin: 12px 0 0;
    padding-top: 12px;
    border-top: 1px solid var(--line);
    font-family: var(--font-ui);
    font-size: 12.5px;
    line-height: 1.35;
}

    .sb2-pk-kv dt[b-3vnjiqk8ve] {
        color: var(--ink-dim);
    }

    .sb2-pk-kv dd[b-3vnjiqk8ve] {
        margin: 0;
        color: var(--ink-row);
        text-align: right;
        overflow-wrap: anywhere;
    }

.sb2-pk-warn[b-3vnjiqk8ve] {
    margin-top: 10px;
    font-family: var(--font-ui);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--amber);
}

.sb2-orient[b-3vnjiqk8ve] {
    flex: 1 1 auto;
    align-self: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    max-width: 320px;
    margin: 0 auto;
    padding: 16px 12px 28px;
    text-align: center;
    animation: sb2-fade-b-3vnjiqk8ve 0.25s ease both;
}

.sb2-orient-t[b-3vnjiqk8ve] {
    font-family: var(--font-ui);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
    color: var(--ink-soft);
    margin: 0 0 6px;
}

.sb2-orient-l[b-3vnjiqk8ve] {
    font-family: var(--font-ui);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--ink-meta);
    margin: 0;
}

    .sb2-orient-l b[b-3vnjiqk8ve] {
        font-weight: 600;
        color: var(--ink-dim);
    }

.sb2-orient-cta[b-3vnjiqk8ve] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    padding: 5px 11px;
    border-radius: 999px;
    background: transparent;
    border: 1px solid var(--line-soft);
    color: var(--ink-dim);
    font-size: 12px;
    font-weight: 500;
}

.sb2-orient-arrow[b-3vnjiqk8ve] {
    color: rgba(255, 92, 158, 0.7);
    font-size: 13px;
    line-height: 1;
}

.sb2-welcome[b-3vnjiqk8ve] {
    margin: 2px 0 14px;
    padding: 26px 24px 22px;
    text-align: center;
    background: var(--fill-card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-card);
    animation: sb2-fade-b-3vnjiqk8ve 0.2s ease both;
}

.sb2-welcome-t[b-3vnjiqk8ve] {
    font-family: var(--font-ui);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--ink-hi);
}

.sb2-welcome-b[b-3vnjiqk8ve] {
    margin-top: 6px;
    font-family: var(--font-ui);
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--ink-edit);
}

.sb2-welcome-steps[b-3vnjiqk8ve] {
    margin-top: 18px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 14px;
}

.sb2-wstep[b-3vnjiqk8ve] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-width: 190px;
}

    .sb2-wstep em[b-3vnjiqk8ve] {
        font-family: var(--font-ui);
        font-style: normal;
        font-size: 12.5px;
        line-height: 1.5;
        color: var(--ink-meta);
    }

.sb2-tpill[b-3vnjiqk8ve] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: var(--fill-badge);
    color: var(--ink-mid);
}

    .sb2-tpill i[b-3vnjiqk8ve] {
        font-size: 9px;
    }

    .sb2-tpill span[b-3vnjiqk8ve] {
        font-family: var(--font-ui);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        line-height: 1;
    }

    .sb2-tpill.t-problem i[b-3vnjiqk8ve] {
        color: var(--amber);
    }

    .sb2-tpill.t-idea i[b-3vnjiqk8ve] {
        color: var(--amber);
    }

    .sb2-tpill.t-portfolio i[b-3vnjiqk8ve] {
        color: var(--ink-mid);
    }

.sb2-warrow[b-3vnjiqk8ve] {
    margin-top: 7px;
    font-size: 12px;
    color: var(--ink-dim);
}

.sb2-none[b-3vnjiqk8ve] {
    max-width: 380px;
    margin: 8vh auto 0;
    text-align: center;
    animation: sb2-fade-b-3vnjiqk8ve 0.2s ease both;
}

.sb2-none-t[b-3vnjiqk8ve] {
    font-family: var(--font-ui);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--ink-head);
}

.sb2-none-b[b-3vnjiqk8ve] {
    margin-top: 6px;
    font-family: var(--font-ui);
    font-size: 13px;
    line-height: 1.55;
    color: var(--ink-dim);
}

.sb2-none-acts[b-3vnjiqk8ve] {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.sb2-none-btn[b-3vnjiqk8ve] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 34px;
    padding: 0 15px;
    font-family: var(--font-ui);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-mid);
    background: var(--fill-btn);
    border: 1px solid var(--line-strong);
    border-radius: var(--r-tile);
    cursor: pointer;
    transition: background var(--sb-t), border-color var(--sb-t), color var(--sb-t);
}

    .sb2-none-btn i[b-3vnjiqk8ve] {
        font-size: 11px;
        color: var(--ink-dim);
    }

    .sb2-none-btn:hover:not(:disabled)[b-3vnjiqk8ve] {
        background: var(--fill-hover2);
        border-color: rgba(255, 255, 255, 0.22);
        color: var(--ink-hi);
    }

    .sb2-none-btn.is-primary[b-3vnjiqk8ve] {
        color: #FFFFFF;
        background: var(--pink);
        border-color: transparent;
        box-shadow: var(--shadow-pink);
    }

        .sb2-none-btn.is-primary i[b-3vnjiqk8ve] {
            color: #FFFFFF;
        }

        .sb2-none-btn.is-primary:hover:not(:disabled)[b-3vnjiqk8ve] {
            background: var(--pink-hover);
            color: #FFFFFF;
        }

    .sb2-none-btn:disabled[b-3vnjiqk8ve] {
        opacity: 0.45;
        filter: grayscale(0.85);
        cursor: not-allowed;
    }

.sb2-foot[b-3vnjiqk8ve] {
    display: none;
    align-items: center;
    gap: 8px;
    padding: 10px 12px 12px;
    border-top: 1px solid var(--line);
    color: var(--ink-meta);
}

.sb2-foot-doors[b-3vnjiqk8ve] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.sb2-door[b-3vnjiqk8ve] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 10px;
    font-family: var(--font-ui);
    font-size: 12px;
    font-weight: 600;
    color: var(--ink-mid);
    background: var(--fill-btn);
    border: 1px solid var(--line-strong);
    border-radius: var(--r-tile);
    cursor: pointer;
    white-space: nowrap;
    transition: background var(--sb-t), border-color var(--sb-t), color var(--sb-t);
}

    .sb2-door > i:first-child[b-3vnjiqk8ve] {
        font-size: 11px;
        color: var(--pink-bright);
    }

    .sb2-door:hover:not(:disabled)[b-3vnjiqk8ve] {
        background: var(--fill-hover2);
        border-color: rgba(255, 255, 255, 0.22);
        color: var(--ink-hi);
    }

    .sb2-door:disabled[b-3vnjiqk8ve] {
        opacity: 0.45;
        filter: grayscale(0.85);
        cursor: not-allowed;
    }

    .sb2-door.is-locked > i.fa-lock:first-child[b-3vnjiqk8ve] {
        color: var(--ink-dim);
    }

.sb2-lock[b-3vnjiqk8ve] {
    font-size: 8.5px;
    color: var(--ink-dim);
}

.spinner-dots[b-3vnjiqk8ve] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--pink-deep);
}

    .spinner-dots .dot[b-3vnjiqk8ve] {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: currentColor;
        animation: sb2-dot-b-3vnjiqk8ve 1s ease-in-out infinite;
    }

        .spinner-dots .dot:nth-child(2)[b-3vnjiqk8ve] {
            animation-delay: 0.15s;
        }

        .spinner-dots .dot:nth-child(3)[b-3vnjiqk8ve] {
            animation-delay: 0.3s;
        }

@keyframes sb2-dot-b-3vnjiqk8ve {
    0%, 100% {
        opacity: 0.35;
        transform: translateY(0);
    }

    50% {
        opacity: 1;
        transform: translateY(-2px);
    }
}

.cancel-btn[b-3vnjiqk8ve] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 26px;
    padding: 0 10px;
    font-family: var(--font-ui);
    font-size: 11.5px;
    font-weight: 600;
    color: var(--lt-dim);
    background: #FFFFFF;
    border: 1px solid var(--topbar-line);
    border-radius: 8px;
    cursor: pointer;
    transition: color var(--sb-t), border-color var(--sb-t);
}

    .cancel-btn:hover[b-3vnjiqk8ve] {
        color: var(--pink-deep);
        border-color: #F6C9DC;
    }

    .cancel-btn i[b-3vnjiqk8ve] {
        font-size: 10px;
    }

.sb2-veil[b-3vnjiqk8ve] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: grid;
    place-items: center;
    border-radius: inherit;
    background: rgba(40, 38, 44, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    animation: sb2-fade-b-3vnjiqk8ve 0.2s ease both;
    cursor: default;
}

.sb2-veil-card[b-3vnjiqk8ve] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    padding: 24px 30px;
    background: var(--chrome-seam);
    border: 1px solid var(--line);
    border-radius: var(--r-card);
}

    .sb2-veil-card .spinner-dots[b-3vnjiqk8ve] {
        color: var(--pink-bright);
    }

    .sb2-veil-card .cancel-btn[b-3vnjiqk8ve] {
        background: var(--fill-btn);
        border-color: var(--line-strong);
        color: var(--ink-mid);
    }

        .sb2-veil-card .cancel-btn:hover[b-3vnjiqk8ve] {
            color: var(--ink-hi);
            border-color: rgba(255, 255, 255, 0.22);
        }

.sb2-veil-t[b-3vnjiqk8ve] {
    font-family: var(--font-ui);
    font-size: 14px;
    font-weight: 700;
    color: var(--ink-hi);
}

.sb2-veil-b[b-3vnjiqk8ve] {
    font-family: var(--font-ui);
    font-size: 12.5px;
    color: var(--ink-meta);
}

.sb2-shims[b-3vnjiqk8ve] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.sb2-exp button:focus-visible[b-3vnjiqk8ve],
.sb2-exp input:focus-visible[b-3vnjiqk8ve] {
    outline: 2px solid var(--pink-bright);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .sb2 *[b-3vnjiqk8ve], .sb2-exp[b-3vnjiqk8ve], .sb2-exp *[b-3vnjiqk8ve] {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

@media (max-width: 640px) {
    .sb2-foot[b-3vnjiqk8ve] {
        display: flex;
    }

    .sb2-exp[b-3vnjiqk8ve] {
        --sb-shift: 0px;
        top: env(safe-area-inset-top, 0px);
        bottom: 0;
        left: 0;
        width: 100vw;
        border-radius: 0;
        border: 0;
        border-top: 1px solid var(--line);
        box-shadow: none;
    }

    .sb2-welcome-steps[b-3vnjiqk8ve] {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .sb2-warrow[b-3vnjiqk8ve] {
        margin-top: 0;
        transform: rotate(90deg);
    }
}
/* /Components/BrandKitEditor.razor.rz.scp.css */
.kit[b-ol6aef26ls] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.kit-note[b-ol6aef26ls] {
    font-size: 13px;
    color: var(--text-tertiary);
    margin: 0;
}

.kit-locked[b-ol6aef26ls] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    border: 1px dashed var(--border-color);
    border-radius: 14px;
    background: var(--background-secondary);
}

    .kit-locked > i[b-ol6aef26ls] {
        color: var(--text-tertiary);
        font-size: 18px;
    }

.kit-locked-text[b-ol6aef26ls] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
    color: var(--text-secondary);
    margin-right: auto;
}

    .kit-locked-text strong[b-ol6aef26ls] {
        font-size: 14px;
        color: var(--text-primary);
    }

.kit-slot[b-ol6aef26ls] {
    border: 1px solid var(--border-color);
    border-radius: 14px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.kit-slot-head[b-ol6aef26ls] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.kit-slot-title[b-ol6aef26ls] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-heading);
}

.kit-slot-hint[b-ol6aef26ls] {
    font-size: 13px;
    color: var(--text-tertiary);
    margin-top: 4px;
    line-height: 1.45;
}

.kit-chip[b-ol6aef26ls] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--accent);
    background: color-mix(in srgb, var(--accent) 12%, transparent);
    padding: 3px 8px;
    border-radius: 6px;
    white-space: nowrap;
}

.kit-drop[b-ol6aef26ls] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 28px 16px;
    border: 1.5px dashed var(--border-color);
    border-radius: 12px;
    background: var(--background-secondary);
    color: var(--text-secondary);
    cursor: pointer;
    transition: border-color 0.2s ease;
}

    .kit-drop:hover[b-ol6aef26ls] {
        border-color: var(--accent);
    }

    .kit-drop:focus-within[b-ol6aef26ls],
    label.kit-btn:focus-within[b-ol6aef26ls] {
        outline: 2px solid var(--accent);
        outline-offset: 2px;
    }

    .kit-drop i[b-ol6aef26ls] {
        font-size: 20px;
        color: var(--accent);
    }

    .kit-drop span[b-ol6aef26ls] {
        font-weight: 600;
        font-size: 14px;
    }

    .kit-drop small[b-ol6aef26ls] {
        font-size: 12px;
        color: var(--text-tertiary);
    }

.kit-preview[b-ol6aef26ls] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 20px;
    border-radius: 12px;
    background-color: #f4f4f5;
    background-image: linear-gradient(45deg, #e4e4e7 25%, transparent 25%), linear-gradient(-45deg, #e4e4e7 25%, transparent 25%),
                      linear-gradient(45deg, transparent 75%, #e4e4e7 75%), linear-gradient(-45deg, transparent 75%, #e4e4e7 75%);
    background-size: 16px 16px;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
}

    .kit-preview img[b-ol6aef26ls] {
        max-width: 100%;
        max-height: 160px;
        width: auto;
        height: auto;
    }

.kit-preview-dark[b-ol6aef26ls] {
    background-color: #16161f;
    background-image: linear-gradient(45deg, #262636 25%, transparent 25%), linear-gradient(-45deg, #262636 25%, transparent 25%),
                      linear-gradient(45deg, transparent 75%, #262636 75%), linear-gradient(-45deg, transparent 75%, #262636 75%);
}

.kit-meta[b-ol6aef26ls] {
    font-size: 12px;
    color: var(--text-tertiary);
    margin: 0;
}

.kit-notice[b-ol6aef26ls] {
    font-size: 13px;
    line-height: 1.5;
    color: #8a6d00;
    background: rgba(249, 168, 37, 0.1);
    border-radius: 10px;
    padding: 12px 14px;
}

.kit-error[b-ol6aef26ls] {
    font-size: 13px;
    color: #ea4335;
}

.kit-state[b-ol6aef26ls] {
    display: contents;
}

    .kit-state.busy[b-ol6aef26ls] {
        display: none;
    }

.kit-busy[b-ol6aef26ls] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--text-secondary);
    padding: 16px 0;
}

.kit-spinner[b-ol6aef26ls] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--border-color);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: kit-spin-b-ol6aef26ls 0.8s linear infinite;
}

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

.kit-verdict[b-ol6aef26ls] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
}

.kit-verdict-ready[b-ol6aef26ls] {
    color: #1e8e3e;
}

.kit-verdict-warning[b-ol6aef26ls] {
    color: #b06000;
}

.kit-verdict-blocked[b-ol6aef26ls] {
    color: #d93025;
}

.kit-verdict-size[b-ol6aef26ls] {
    margin-left: auto;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-tertiary);
}

.kit-issues[b-ol6aef26ls] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.kit-issue[b-ol6aef26ls] {
    padding: 10px 12px 10px 14px;
    border-left: 3px solid var(--border-color);
    background: var(--background-secondary);
    border-radius: 0 10px 10px 0;
}

.kit-issue-blocker[b-ol6aef26ls] {
    border-left-color: #d93025;
}

.kit-issue-warning[b-ol6aef26ls] {
    border-left-color: #f9a825;
}

.kit-issue-info[b-ol6aef26ls] {
    border-left-color: var(--border-color);
}

.kit-issue-title[b-ol6aef26ls] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary);
}

.kit-issue-detail[b-ol6aef26ls] {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.45;
    margin-top: 2px;
}

.kit-link[b-ol6aef26ls] {
    background: none;
    border: none;
    padding: 0;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--accent);
    cursor: pointer;
    align-self: flex-start;
}

    .kit-link:hover[b-ol6aef26ls] {
        text-decoration: underline;
    }

.kit-mockups[b-ol6aef26ls] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
    gap: 14px;
}

.kit-mock[b-ol6aef26ls] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .kit-mock figcaption[b-ol6aef26ls] {
        font-size: 12px;
        color: var(--text-tertiary);
    }

        .kit-mock figcaption.small[b-ol6aef26ls] {
            color: #b06000;
            font-weight: 600;
        }

.kit-mock-page[b-ol6aef26ls] {
    position: relative;
    width: 300px;
    max-width: 100%;
    height: 110px;
    border-radius: 8px;
    overflow: hidden;
}

    .kit-mock-page img[b-ol6aef26ls] {
        position: absolute;
    }

        .kit-mock-page img.knockout[b-ol6aef26ls] {
            filter: brightness(0) invert(1);
        }

.kit-mock-cover[b-ol6aef26ls] {
    background: linear-gradient(135deg, #16161f 0%, #262636 100%);
}

.kit-mock-dark[b-ol6aef26ls] {
    background: #0b0b0e;
}

.kit-mock-light[b-ol6aef26ls] {
    background: #ffffff;
    border: 1px solid var(--border-color);
}

.kit-mock-header[b-ol6aef26ls] {
    height: 56px;
    border-bottom: 2px solid #e4e4e7;
}

.kit-mock-plate[b-ol6aef26ls] {
    position: absolute;
}

    .kit-mock-plate.rounded[b-ol6aef26ls] {
        border-radius: 6px;
    }

    .kit-mock-plate.hairline[b-ol6aef26ls] {
        box-shadow: 0 0 0 1px #dcdcd9 inset;
    }

.kit-mock-lines[b-ol6aef26ls] {
    position: absolute;
    left: 14px;
    right: 120px;
    top: 58px;
    height: 36px;
    background: repeating-linear-gradient(180deg, #ececef 0 6px, transparent 6px 14px);
}

.kit-mock-empty[b-ol6aef26ls] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #9a9aa6;
    padding: 0 16px;
    text-align: center;
}

.kit-actions[b-ol6aef26ls],
.kit-confirm[b-ol6aef26ls] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.kit-confirm span[b-ol6aef26ls] {
    margin-right: auto;
    font-size: 13px;
    color: var(--text-secondary);
}

.kit-btn[b-ol6aef26ls] {
    position: relative;
    padding: 10px 18px;
    border-radius: 10px;
    border: 1.5px solid var(--border-color);
    background: var(--background-primary);
    color: var(--text-primary);
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
}

    .kit-btn:hover:not(:disabled)[b-ol6aef26ls] {
        border-color: var(--text-tertiary);
    }

    .kit-btn:disabled[b-ol6aef26ls] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.kit-btn-primary[b-ol6aef26ls] {
    background: var(--text-heading);
    border-color: var(--text-heading);
    color: var(--background-primary);
}

    .kit-btn-primary:hover:not(:disabled)[b-ol6aef26ls] {
        opacity: 0.9;
        border-color: var(--text-heading);
    }

.kit-btn-danger[b-ol6aef26ls] {
    background: #d93025;
    border-color: #d93025;
    color: #ffffff;
}

.kit-credits[b-ol6aef26ls] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    border: 1px solid var(--border-color);
    border-radius: 14px;
}

.kit-credits-text[b-ol6aef26ls] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-right: auto;
}

    .kit-credits-text strong[b-ol6aef26ls] {
        font-size: 14px;
        color: var(--text-primary);
    }

    .kit-credits-text span[b-ol6aef26ls] {
        font-size: 13px;
        color: var(--text-tertiary);
    }

.kit-toggle[b-ol6aef26ls] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}

    .kit-toggle input[b-ol6aef26ls] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.kit-toggle-slider[b-ol6aef26ls] {
    position: absolute;
    inset: 0;
    background: var(--border-color);
    border-radius: 24px;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .kit-toggle-slider[b-ol6aef26ls]::before {
        content: "";
        position: absolute;
        width: 18px;
        height: 18px;
        left: 3px;
        top: 3px;
        background: #ffffff;
        border-radius: 50%;
        transition: transform 0.2s ease;
    }

.kit-toggle input:checked + .kit-toggle-slider[b-ol6aef26ls] {
    background: var(--accent);
}

    .kit-toggle input:checked + .kit-toggle-slider[b-ol6aef26ls]::before {
        transform: translateX(20px);
    }

.kit-toggle input:disabled + .kit-toggle-slider[b-ol6aef26ls] {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 480px) {
    .kit-slot[b-ol6aef26ls] {
        padding: 16px;
    }

    .kit-locked[b-ol6aef26ls] {
        flex-direction: column;
        align-items: flex-start;
    }

    .kit-mock-page[b-ol6aef26ls] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kit-spinner[b-ol6aef26ls] {
        animation: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
html[b-oibdebzfhm], body[b-oibdebzfhm], #app[b-oibdebzfhm] {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    color: #000000;
    font-family: Arial, sans-serif;
}

.app-container[b-oibdebzfhm] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.app-header[b-oibdebzfhm] {
    background-color: #f5f5f5;
    padding: 1rem 2rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.app-main[b-oibdebzfhm] {
    flex: 1;
    background-color: #ffffff;
}

.app-footer[b-oibdebzfhm] {
    background-color: #f5f5f5;
    padding: 1rem 2rem;
    text-align: center;
    font-size: 0.9rem;
    color: #555555;
}
@media (max-width: 900px) {
    .app-container:has(.ainna-page-container)[b-oibdebzfhm] {
        height: 100dvh;
        min-height: 0;
        max-height: 100dvh;
        overflow: hidden;
    }

        .app-container:has(.ainna-page-container) .app-main[b-oibdebzfhm] {
            flex: 1;
            min-height: 0;
            overflow: hidden;
        }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal.ainna-reconnect[b-l27ghbjggc] {
    border: none;
    background: transparent;
    padding: 0;
    max-width: 100vw;
    max-height: 100vh;
    overflow: visible;
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    place-items: center;
    margin: auto;
}

    #components-reconnect-modal.ainna-reconnect[b-l27ghbjggc]::backdrop {
        background: rgba(30, 28, 26, 0.55);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }

#components-reconnect-modal.components-reconnect-show[b-l27ghbjggc],
#components-reconnect-modal.components-reconnect-retrying[b-l27ghbjggc],
#components-reconnect-modal.components-reconnect-failed[b-l27ghbjggc],
#components-reconnect-modal.components-reconnect-rejected[b-l27ghbjggc] {
    display: grid;
}

    #components-reconnect-modal.components-reconnect-show[b-l27ghbjggc]::before,
    #components-reconnect-modal.components-reconnect-retrying[b-l27ghbjggc]::before,
    #components-reconnect-modal.components-reconnect-failed[b-l27ghbjggc]::before,
    #components-reconnect-modal.components-reconnect-rejected[b-l27ghbjggc]::before {
        content: '';
        position: fixed;
        inset: 0;
        background: rgba(30, 28, 26, 0.55);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        z-index: -1;
    }

.ainna-reconnect-container[b-l27ghbjggc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 40px 48px;
    background: #faf8f6;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    box-shadow: 0 24px 80px -12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    text-align: center;
    min-width: 300px;
    max-width: 380px;
}

.ainna-reconnect-logo[b-l27ghbjggc] {
    color: #f00c71;
    margin-bottom: 4px;
}

.ainna-reconnect-spinner[b-l27ghbjggc] {
    animation: ainnaReconnectSpin-b-l27ghbjggc 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    transform-origin: 50px 50px;
}

@keyframes ainnaReconnectSpin-b-l27ghbjggc {
    0% {
        stroke-dashoffset: 289;
        transform: rotate(0deg);
    }

    50% {
        stroke-dashoffset: 72;
    }

    100% {
        stroke-dashoffset: 289;
        transform: rotate(360deg);
    }
}

.ainna-reconnect-state[b-l27ghbjggc] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-l27ghbjggc] {
    display: block;
}

#components-reconnect-modal.components-reconnect-retrying .components-reconnect-first-attempt-visible[b-l27ghbjggc] {
    display: none;
}

#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-l27ghbjggc] {
    display: block;
}

#components-reconnect-modal.components-reconnect-failed .components-reconnect-first-attempt-visible[b-l27ghbjggc],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-repeated-attempt-visible[b-l27ghbjggc] {
    display: none;
}

#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-l27ghbjggc] {
    display: block;
}

#components-reconnect-modal.components-reconnect-rejected .components-reconnect-first-attempt-visible[b-l27ghbjggc],
#components-reconnect-modal.components-reconnect-rejected .components-reconnect-repeated-attempt-visible[b-l27ghbjggc],
#components-reconnect-modal.components-reconnect-rejected .components-reconnect-failed-visible[b-l27ghbjggc] {
    display: none;
}

#components-reconnect-modal.components-reconnect-rejected .components-reconnect-rejected-visible[b-l27ghbjggc] {
    display: block;
}

#components-reconnect-modal.components-reconnect-failed .ainna-reconnect-logo[b-l27ghbjggc],
#components-reconnect-modal.components-reconnect-rejected .ainna-reconnect-logo[b-l27ghbjggc] {
    display: none;
}

.ainna-reconnect-title[b-l27ghbjggc] {
    font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #2c3e50;
    margin: 0;
    line-height: 1.3;
}

.ainna-reconnect-body[b-l27ghbjggc] {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.82rem;
    font-weight: 400;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

.ainna-reconnect-btn[b-l27ghbjggc] {
    margin-top: 8px;
    padding: 10px 28px;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #fff;
    background: #f00c71;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
    box-shadow: 0 2px 8px rgba(240, 12, 113, 0.25);
}

    .ainna-reconnect-btn:hover[b-l27ghbjggc] {
        background: #d60a64;
        transform: translateY(-1px);
        box-shadow: 0 4px 16px rgba(240, 12, 113, 0.35);
    }

    .ainna-reconnect-btn:active[b-l27ghbjggc] {
        transform: translateY(0);
    }

@media (max-width: 480px) {
    .ainna-reconnect-container[b-l27ghbjggc] {
        padding: 32px 28px;
        min-width: auto;
        margin: 0 16px;
        max-width: calc(100vw - 32px);
    }
}
/* /Components/OrphansPanel.razor.rz.scp.css */
.orphans[b-ejtx34eumh] {
    margin-top: 20px;
    max-width: 980px;
    padding: 14px 16px;
    background: var(--card, #16181f);
    border: 1px solid var(--card-border, #272b36);
    border-radius: 5px;
    color: var(--text, #e8e9ef);
    font-family: var(--font, inherit);
}

.or-head[b-ejtx34eumh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.or-title[b-ejtx34eumh] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text2, #a7aab8);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.or-actions[b-ejtx34eumh] {
    display: flex;
    gap: 8px;
}

.or-sub[b-ejtx34eumh],
.or-hint[b-ejtx34eumh],
.or-rule[b-ejtx34eumh],
.or-report[b-ejtx34eumh],
.or-empty[b-ejtx34eumh] {
    color: var(--text2, #a7aab8);
    font-size: 12.5px;
    line-height: 1.45;
}

.or-sub[b-ejtx34eumh] {
    margin-top: 4px;
    max-width: 640px;
}

.or-empty[b-ejtx34eumh] {
    margin-top: 14px;
}

.or-hint[b-ejtx34eumh] {
    margin-top: 6px;
}

.or-btn[b-ejtx34eumh] {
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 7px 14px;
    background: #4f46e5;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.or-btn.quiet[b-ejtx34eumh] {
    background: transparent;
    border-color: var(--card-border, #272b36);
    color: var(--text, #e8e9ef);
}

.or-btn.danger[b-ejtx34eumh] {
    background: #dc2626;
}

.or-btn[aria-disabled="true"][b-ejtx34eumh] {
    opacity: 0.45;
    cursor: not-allowed;
}

.or-btn:focus-visible[b-ejtx34eumh],
.or-input:focus-visible[b-ejtx34eumh],
.or-table-wrap:focus-visible[b-ejtx34eumh],
.or-table input[type="checkbox"]:focus-visible[b-ejtx34eumh],
.orphans summary:focus-visible[b-ejtx34eumh] {
    outline: 2px solid var(--accent, #6366f1);
    outline-offset: 2px;
}

.or-alert[b-ejtx34eumh] {
    margin-top: 12px;
    padding: 8px 12px;
    border-radius: 5px;
    border-left: 3px solid var(--amber, #f5a524);
    background: var(--card-inner, #1d2029);
    font-size: 13px;
}

.or-progress[b-ejtx34eumh] {
    margin-top: 12px;
    font-size: 13px;
    color: var(--text2, #a7aab8);
    display: flex;
    align-items: center;
    gap: 8px;
}

.or-spinner[b-ejtx34eumh] {
    width: 12px;
    height: 12px;
    flex: none;
    border-radius: 50%;
    border: 2px solid var(--card-border, #272b36);
    border-top-color: var(--accent, #6366f1);
    animation: or-spin-b-ejtx34eumh 0.9s linear infinite;
}

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

@media (prefers-reduced-motion: reduce) {
    .or-spinner[b-ejtx34eumh] {
        animation: none;
    }
}

.or-census[b-ejtx34eumh] {
    margin-top: 14px;
    display: grid;
    gap: 6px;
}

.or-meta[b-ejtx34eumh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: var(--text2, #a7aab8);
}

.or-summary[b-ejtx34eumh] {
    font-size: 13.5px;
    line-height: 1.5;
}

.or-pill[b-ejtx34eumh] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    border: 1px solid var(--card-border, #272b36);
}

.or-pill.ok[b-ejtx34eumh] {
    color: var(--green, #30a46c);
    border-color: currentColor;
}

.or-pill.warn[b-ejtx34eumh] {
    color: var(--amber, #f5a524);
    border-color: currentColor;
}

.or-pill.fail[b-ejtx34eumh] {
    color: #f87171;
    border-color: currentColor;
}

.or-table-wrap[b-ejtx34eumh] {
    margin-top: 12px;
    overflow-x: auto;
    border-radius: 5px;
}

.or-table[b-ejtx34eumh] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.or-table th[b-ejtx34eumh],
.or-table td[b-ejtx34eumh] {
    padding: 7px 8px;
    border-bottom: 1px solid var(--card-border, #272b36);
    text-align: left;
    vertical-align: top;
}

.or-table th[b-ejtx34eumh] {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--text2, #a7aab8);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.or-table .num[b-ejtx34eumh] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.or-of[b-ejtx34eumh] {
    color: var(--text2, #a7aab8);
    font-size: 11.5px;
}

.or-table tr.info td[b-ejtx34eumh] {
    color: var(--text2, #a7aab8);
}

.or-table tr.na td.num[b-ejtx34eumh] {
    color: var(--amber, #f5a524);
}

.orphans summary[b-ejtx34eumh] {
    cursor: pointer;
}

.or-tag[b-ejtx34eumh] {
    margin-left: 6px;
    font-size: 11px;
    color: var(--text2, #a7aab8);
}

.or-rule[b-ejtx34eumh] {
    margin: 6px 0 0;
    max-width: 560px;
}

.or-samples[b-ejtx34eumh] {
    margin: 6px 0 0;
    padding-left: 18px;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11.5px;
    color: var(--text2, #a7aab8);
    word-break: break-all;
}

.or-cleanup[b-ejtx34eumh] {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--card-border, #272b36);
    display: grid;
    gap: 10px;
}

.or-label[b-ejtx34eumh] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text2, #a7aab8);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.or-row[b-ejtx34eumh],
.or-confirm[b-ejtx34eumh] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 13px;
}

.or-input[b-ejtx34eumh] {
    width: 110px;
    padding: 6px 8px;
    border-radius: 5px;
    border: 1px solid var(--card-border, #272b36);
    background: var(--card-inner, #1d2029);
    color: var(--text, #e8e9ef);
    font: inherit;
    font-variant-numeric: tabular-nums;
}

.or-receipt[b-ejtx34eumh] {
    padding: 10px 12px;
    border-radius: 5px;
    background: var(--card-inner, #1d2029);
    border-left: 3px solid var(--accent, #6366f1);
    font-size: 13px;
    line-height: 1.5;
}

.or-receipt.ok[b-ejtx34eumh] {
    border-left-color: var(--green, #30a46c);
}

.or-receipt.fail[b-ejtx34eumh] {
    border-left-color: var(--amber, #f5a524);
}

.or-report[b-ejtx34eumh] {
    margin-top: 6px;
}

.or-plan[b-ejtx34eumh] {
    font-size: 13px;
}

.or-sr[b-ejtx34eumh] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (max-width: 640px) {
    .orphans[b-ejtx34eumh] {
        padding: 12px 10px;
    }

    .or-wide[b-ejtx34eumh] {
        display: none;
    }
}
/* /Components/PaymentForm.razor.rz.scp.css */
.modal-container[b-5u41zk90xq] {
    position: fixed;
    inset: 0;
    z-index: 10000 !important;
    animation: fadeIn-b-5u41zk90xq 0.2s ease-out;
}

@keyframes fadeIn-b-5u41zk90xq {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modal-backdrop[b-5u41zk90xq] {
    position: fixed;
    inset: 0;
    background: linear-gradient(135deg, rgba(var(--bg-rgb), 0.15) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 9999 !important;
}

.modal[b-5u41zk90xq] {
    position: fixed;
    inset: 0;
    z-index: 10001 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

    .modal.show[b-5u41zk90xq] {
        display: flex !important;
    }

.modal-wrapper[b-5u41zk90xq] {
    position: relative;
    width: 100%;
    max-width: 1180px;
    height: 88vh;
    max-height: 860px;
    animation: slideUp-b-5u41zk90xq 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes slideUp-b-5u41zk90xq {
    from {
        transform: translateY(30px) scale(0.95);
        opacity: 0;
    }

    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.modal-content[b-5u41zk90xq] {
    position: relative;
    background: var(--background-primary) !important;
    border-radius: 24px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--border-color);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .modal-content[b-5u41zk90xq]::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 24px;
        padding: 1px;
        background: var(--gradient-primary);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0.1;
        pointer-events: none;
    }

.modal-header[b-5u41zk90xq] {
    padding: 1rem 1.875rem;
    background: var(--background-secondary) !important;
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
    position: relative;
}

    .modal-header[b-5u41zk90xq]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, var(--shadow-color-light), var(--shadow-color), transparent);
    }

.header-container[b-5u41zk90xq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.header-left[b-5u41zk90xq] {
    display: flex;
    align-items: flex-end;
    gap: 1.5rem;
    flex: 1;
}

.header-logo[b-5u41zk90xq] {
    height: 32px;
    display: block;
}

.header-right[b-5u41zk90xq] {
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
    gap: 0.375rem;
}

    .header-right > span[b-5u41zk90xq] {
        font-size: var(--text-md);
        color: var(--text-tertiary);
        line-height: 1;
    }

.stripe-logo[b-5u41zk90xq] {
    height: 16px;
    opacity: 0.8;
    transition: opacity 0.2s ease;
    display: block;
    align-self: flex-end;
    transform: translateY(2px);
}

    .stripe-logo:hover[b-5u41zk90xq] {
        opacity: 1;
    }

.close-button[b-5u41zk90xq] {
    background: transparent;
    border: 1px solid var(--border-color);
    width: 32px;
    height: 32px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    color: var(--text-tertiary) !important;
    margin-left: 16px;
}

    .close-button:hover[b-5u41zk90xq] {
        background: var(--card-bg-subtle);
        border-color: var(--border-strong);
        color: var(--text-secondary) !important;
    }

    .close-button svg[b-5u41zk90xq] {
        color: inherit !important;
    }

.modal-body[b-5u41zk90xq] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    background: transparent !important;
}

.content-columns[b-5u41zk90xq] {
    display: grid;
    grid-template-columns: minmax(380px, 40%) minmax(400px, 60%);
    width: 100%;
    height: 100%;
    min-height: 0;
}

.customer-panel[b-5u41zk90xq] {
    background: transparent !important;
    border-right: 1px solid var(--border-color);
    overflow-y: auto !important;
    overflow-x: hidden;
    padding: 1.875rem 1.875rem 1.875rem 2.5rem;
    min-height: 0;
    max-height: 100%;
    scrollbar-width: thin;
    scrollbar-color: var(--border-strong) var(--background-tertiary);
}

.customer-card[b-5u41zk90xq] {
    background: var(--background-primary);
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px var(--shadow-color-light), 0 2px 4px -1px var(--shadow-color-light);
    overflow: hidden;
    margin-bottom: 1.25rem;
    border: 1px solid var(--border-color);
}

.card-header[b-5u41zk90xq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.125rem 1.375rem;
    background: var(--card-bg-subtle);
    border-bottom: 1px solid var(--border-color);
}

.card-icon[b-5u41zk90xq] {
    color: var(--color-accent-2);
    flex-shrink: 0;
}

.card-title[b-5u41zk90xq] {
    font-size: 0.9375rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading) !important;
    margin: 0;
    letter-spacing: var(--letter-spacing-normal);
}

.card-body[b-5u41zk90xq] {
    padding: 1.5rem 1.375rem;
}

.form-group-elegant[b-5u41zk90xq] {
    margin-bottom: 1.375rem;
    position: relative;
}

.form-label-elegant[b-5u41zk90xq] {
    display: block;
    font-size: var(--text-base);
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary) !important;
    margin-bottom: 0.5rem;
    letter-spacing: var(--letter-spacing-normal);
}

    .form-label-elegant .required[b-5u41zk90xq] {
        color: var(--accent);
        margin-left: 2px;
    }

.input-wrapper[b-5u41zk90xq] {
    position: relative;
}

.form-control-elegant[b-5u41zk90xq] {
    width: 100%;
    padding: 0.75rem 0.9375rem;
    font-size: var(--text-md);
    line-height: 1.4;
    color: var(--text-primary) !important;
    background: var(--background-primary) !important;
    border: 1.5px solid var(--border-color);
    border-radius: var(--radius-lg);
    transition: all 0.2s ease;
    outline: none;
}

    .form-control-elegant:hover[b-5u41zk90xq] {
        border-color: var(--color-accent-2);
        background: var(--background-primary) !important;
    }

    .form-control-elegant:focus[b-5u41zk90xq] {
        border-color: #64748B;
        box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.16);
    }

    .form-control-elegant[b-5u41zk90xq]::placeholder {
        color: var(--text-tertiary) !important;
        font-size: var(--text-base);
    }

    .form-control-elegant.error[b-5u41zk90xq] {
        border-color: var(--color-error);
        background: linear-gradient(to right, rgba(234, 67, 53, 0.05), var(--background-primary)) !important;
        border-width: 2px;
    }

        .form-control-elegant.error:focus[b-5u41zk90xq] {
            border-color: var(--color-error);
            box-shadow: 0 0 0 4px rgba(234, 67, 53, 0.1);
        }

    .form-control-elegant:disabled[b-5u41zk90xq] {
        background: var(--background-secondary) !important;
        color: var(--text-tertiary) !important;
        cursor: not-allowed;
        opacity: 0.6;
        border-color: var(--border-color);
    }

        .form-control-elegant:disabled[b-5u41zk90xq]::placeholder {
            color: var(--text-tertiary) !important;
            opacity: 0.5;
        }

.validation-message[b-5u41zk90xq] {
    display: none;
    margin-top: 0.375rem;
    font-size: var(--text-sm);
    padding: 0.375rem 0.625rem;
    border-radius: var(--radius-sm);
    align-items: center;
    gap: 0.375rem;
    animation: slideDown-b-5u41zk90xq 0.2s ease-out;
}

@keyframes slideDown-b-5u41zk90xq {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.validation-message.error[b-5u41zk90xq] {
    display: flex;
    color: var(--color-error);
    background: rgba(234, 67, 53, 0.1);
    border-left: 3px solid var(--color-error);
}

.validation-message svg[b-5u41zk90xq] {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

.security-note[b-5u41zk90xq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: var(--color-success-bg);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-success-light);
    box-shadow: 0 2px 8px rgba(34, 139, 34, 0.08);
}

.note-icon[b-5u41zk90xq] {
    color: var(--color-success);
    flex-shrink: 0;
}

.note-content[b-5u41zk90xq] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.note-title[b-5u41zk90xq] {
    font-size: var(--text-base);
    color: var(--color-success-dark);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-normal);
}

.note-text[b-5u41zk90xq] {
    font-size: 0.6875rem;
    color: var(--color-success);
    opacity: 0.9;
}

.payment-panel[b-5u41zk90xq] {
    background: transparent !important;
    overflow-y: auto !important;
    overflow-x: hidden;
    min-height: 0;
    max-height: 100%;
    scrollbar-width: thin;
    scrollbar-color: var(--border-strong) var(--background-secondary);
}

.payment-container[b-5u41zk90xq] {
    padding: 1.875rem;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.order-summary-compact[b-5u41zk90xq] {
    background: var(--card-bg-subtle);
    border-radius: 16px;
    border: 1px solid var(--border-color);
    padding: 1.5rem;
    margin-bottom: 1.75rem;
    min-height: 140px;
    box-shadow: 0 1px 2px 0 var(--shadow-color-light);
    position: relative;
    overflow: hidden;
}

    .order-summary-compact[b-5u41zk90xq]::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 120px;
        height: 120px;
        background: radial-gradient(circle, var(--shadow-color-light) 0%, transparent 70%);
        border-radius: 50%;
        transform: translate(20px, -20px);
    }

.order-inner[b-5u41zk90xq] {
    display: flex;
    align-items: flex-start;
    gap: 1.125rem;
    position: relative;
}

.order-details[b-5u41zk90xq] {
    flex: 1;
    min-height: 100px;
}

.order-product[b-5u41zk90xq] {
    font-size: 1.0625rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading) !important;
    margin: 0 0 0.5rem 0;
    letter-spacing: var(--letter-spacing-normal);
}

.order-description[b-5u41zk90xq] {
    font-size: var(--text-base);
    color: var(--text-secondary) !important;
    margin: 0;
    line-height: 1.5;
}

.order-price[b-5u41zk90xq] {
    text-align: right;
    flex-shrink: 0;
    padding-left: 1rem;
}

.price-label[b-5u41zk90xq] {
    display: block;
    font-size: 0.6875rem;
    color: var(--text-tertiary) !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.price-amount[b-5u41zk90xq] {
    display: block;
    font-size: 1.625rem;
    font-weight: var(--font-weight-extrabold);
    color: var(--text-heading);
    letter-spacing: var(--letter-spacing-tight);
}

.plan-summary[b-5u41zk90xq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.plan-header[b-5u41zk90xq] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.5rem;
}

    .plan-header .order-product[b-5u41zk90xq] {
        margin: 0;
    }

.plan-icon[b-5u41zk90xq] {
    font-size: 1.375rem;
    line-height: 1;
    color: var(--accent);
    flex-shrink: 0;
}

.plan-price-row[b-5u41zk90xq] {
    display: flex;
    align-items: baseline;
    gap: 0.625rem;
    padding: 1rem 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

    .plan-price-row .price-label[b-5u41zk90xq] {
        margin: 0;
    }

.section-eyebrow[b-5u41zk90xq] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-tertiary);
    margin-bottom: 0.75rem;
}

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

    .unlock-list li[b-5u41zk90xq] {
        display: flex;
        align-items: flex-start;
        line-height: 1.45;
        color: var(--text-secondary);
        gap: 0.625rem;
        font-size: 0.85rem;
    }

        .unlock-list li svg[b-5u41zk90xq] {
            flex-shrink: 0;
            margin-top: 1px;
            stroke: var(--accent);
        }

.invoice-details[b-5u41zk90xq] {
    margin-top: 0.75rem;
}

.invoice-fields-row[b-5u41zk90xq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.875rem;
}

    .invoice-fields-row .form-group-elegant[b-5u41zk90xq] {
        margin-bottom: 0;
    }

.address-element[b-5u41zk90xq] {
    margin-bottom: 0;
}

.security-note.security-top[b-5u41zk90xq] {
    margin: 0 0 1.25rem;
}

.payment-section-elegant[b-5u41zk90xq] {
    background: transparent !important;
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.stripe-element-elegant[b-5u41zk90xq] {
    padding: 0.5rem 0;
    background: transparent !important;
    position: relative;
    flex: 0 0 auto;
}

.card-element[b-5u41zk90xq] {
    min-height: 140px;
}

.form-body[b-5u41zk90xq] {
    position: relative;
}

    .form-body.form-loading[b-5u41zk90xq] {
        min-height: 240px;
    }

    .form-body.form-revealed > *[b-5u41zk90xq] {
        animation: formReveal-b-5u41zk90xq 0.35s ease both;
    }

        .form-body.form-revealed > *:nth-child(2)[b-5u41zk90xq] {
            animation-delay: 0.07s;
        }

        .form-body.form-revealed > *:nth-child(3)[b-5u41zk90xq] {
            animation-delay: 0.14s;
        }

        .form-body.form-revealed > *:nth-child(4)[b-5u41zk90xq] {
            animation-delay: 0.21s;
        }

        .form-body.form-revealed > *:nth-child(5)[b-5u41zk90xq] {
            animation-delay: 0.28s;
        }

@keyframes formReveal-b-5u41zk90xq {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.form-loading-overlay[b-5u41zk90xq] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.875rem;
    background: var(--background-primary);
    border-radius: 12px;
    z-index: 2;
}

.loading-spinner[b-5u41zk90xq] {
    width: 36px;
    height: 36px;
    border: 3px solid var(--border-color);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-5u41zk90xq 0.8s linear infinite;
}

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

.loading-text[b-5u41zk90xq] {
    font-size: var(--text-md);
    color: var(--text-secondary) !important;
    font-weight: var(--font-weight-medium);
}

.alert[b-5u41zk90xq] {
    margin: 1rem 1.5rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: var(--text-base);
}

.alert-error[b-5u41zk90xq] {
    background: rgba(234, 67, 53, 0.1) !important;
    border: 1px solid var(--color-error) !important;
    color: var(--color-error) !important;
}

.alert-icon[b-5u41zk90xq] {
    flex-shrink: 0;
}

.payment-button-container[b-5u41zk90xq] {
    display: flex;
    justify-content: center;
    padding: 1.5rem 0 0;
    flex-shrink: 0;
    background: transparent;
    position: relative;
    z-index: 10;
}

.post-button-note[b-5u41zk90xq] {
    text-align: center;
    font-size: 0.75rem;
    color: #B8BEC7;
    margin: 0.75rem 0 0;
}

.btn-payment-elegant[b-5u41zk90xq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    padding: 1rem 1.75rem;
    background: var(--gradient-button) !important;
    color: var(--background-primary) !important;
    border: none;
    border-radius: 14px;
    font-size: 0.9375rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-normal);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 20px 40px -10px var(--shadow-color);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

    .btn-payment-elegant[b-5u41zk90xq]::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.3);
        transform: translate(-50%, -50%);
        transition: width 0.6s, height 0.6s;
    }

    .btn-payment-elegant:hover:not(:disabled)[b-5u41zk90xq] {
        transform: translateY(-2px);
        box-shadow: 0 20px 40px -10px var(--shadow-color);
        filter: brightness(1.05);
    }

        .btn-payment-elegant:hover:not(:disabled)[b-5u41zk90xq]::before {
            width: 400px;
            height: 400px;
        }

    .btn-payment-elegant:active:not(:disabled)[b-5u41zk90xq] {
        transform: translateY(0);
    }

    .btn-payment-elegant:disabled[b-5u41zk90xq] {
        opacity: 0.5;
        cursor: not-allowed;
        box-shadow: none;
    }

    .btn-payment-elegant span[b-5u41zk90xq] {
        position: relative;
        z-index: 1;
        color: var(--background-primary);
    }

.btn-processing[b-5u41zk90xq] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    position: relative;
    z-index: 1;
}

.btn-spinner[b-5u41zk90xq] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: var(--background-primary);
    border-radius: 50%;
    animation: spin-b-5u41zk90xq 0.8s linear infinite;
}

.empty-state[b-5u41zk90xq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: var(--text-tertiary) !important;
}

.empty-state-icon[b-5u41zk90xq] {
    color: var(--border-color);
    margin-bottom: 1rem;
}

.empty-state-text[b-5u41zk90xq] {
    font-size: var(--text-md);
    margin: 0;
    color: var(--text-tertiary) !important;
}

.state-container[b-5u41zk90xq] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
    background: var(--background-primary);
}

.state-card[b-5u41zk90xq] {
    width: 100%;
    max-width: 560px;
    background: transparent;
    padding: 1rem 0;
    text-align: center;
    position: relative;
}

.state-animation[b-5u41zk90xq] {
    margin-bottom: 2.25rem;
    display: flex;
    justify-content: center;
}

.payment-spinner[b-5u41zk90xq] {
    position: relative;
    width: 88px;
    height: 88px;
}

.spinner-ring[b-5u41zk90xq] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 4px solid transparent;
    border-radius: 50%;
    animation: spinRing-b-5u41zk90xq 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

    .spinner-ring:nth-child(1)[b-5u41zk90xq] {
        animation-delay: -0.45s;
        border-top-color: var(--accent);
        border-right-color: var(--accent);
    }

    .spinner-ring:nth-child(2)[b-5u41zk90xq] {
        animation-delay: -0.3s;
        border-top-color: var(--color-accent-2);
        opacity: 0.7;
    }

    .spinner-ring:nth-child(3)[b-5u41zk90xq] {
        animation-delay: -0.15s;
        border-top-color: var(--shadow-color);
        opacity: 0.4;
    }

@keyframes spinRing-b-5u41zk90xq {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.success-checkmark[b-5u41zk90xq] {
    position: relative;
    width: 60px;
    height: 60px;
    background: var(--color-success-bg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: scaleIn-b-5u41zk90xq 0.4s cubic-bezier(0.2, 0.7, 0.3, 1);
}

    .success-checkmark svg[b-5u41zk90xq] {
        color: var(--color-success);
        stroke: var(--color-success);
        width: 28px;
        height: 28px;
    }

@keyframes scaleIn-b-5u41zk90xq {
    0% {
        transform: scale(0.85);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.success-plan[b-5u41zk90xq] {
    text-align: left;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 14px;
    padding: 1.25rem 1.5rem;
    margin: 1.75rem 0;
}

.success-plan-head[b-5u41zk90xq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

    .success-plan-head:not(:only-child)[b-5u41zk90xq] {
        padding-bottom: 1rem;
        border-bottom: 1px solid var(--border-color);
    }

.success-plan-id[b-5u41zk90xq] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.success-plan-name[b-5u41zk90xq] {
    font-size: 1.0625rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
}

.success-plan-price[b-5u41zk90xq] {
    font-size: 1.0625rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    white-space: nowrap;
}

.success-unlock[b-5u41zk90xq] {
    margin-top: 1rem;
}

.success-next[b-5u41zk90xq] {
    text-align: center;
    margin: 0 0 2rem;
}

    .success-next .section-eyebrow[b-5u41zk90xq] {
        margin-bottom: 0.5rem;
    }

.success-next-copy[b-5u41zk90xq] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--text-secondary);
}

.error-icon[b-5u41zk90xq] {
    width: 60px;
    height: 60px;
    background: rgba(234, 67, 53, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeInScale-b-5u41zk90xq 0.4s cubic-bezier(0.2, 0.7, 0.3, 1);
}

    .error-icon svg[b-5u41zk90xq] {
        color: var(--color-error);
        stroke: var(--color-error);
        width: 26px;
        height: 26px;
    }

@keyframes fadeInScale-b-5u41zk90xq {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.error-details[b-5u41zk90xq] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1.125rem 1.375rem;
    background: rgba(234, 67, 53, 0.06);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(234, 67, 53, 0.15);
    margin: 1.5rem 0;
    text-align: left;
    box-shadow: 0 2px 8px rgba(234, 67, 53, 0.05);
}

    .error-details svg[b-5u41zk90xq] {
        color: var(--color-error);
        flex-shrink: 0;
        margin-top: 2px;
        width: 16px;
        height: 16px;
    }

    .error-details span[b-5u41zk90xq] {
        font-size: var(--text-md);
        color: var(--color-error);
        line-height: 1.6;
        font-weight: var(--font-weight-medium);
    }

.help-note[b-5u41zk90xq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--border-color);
    font-size: var(--text-md);
    color: var(--text-secondary) !important;
    line-height: 1.5;
}

    .help-note svg[b-5u41zk90xq] {
        color: var(--color-accent-2);
        flex-shrink: 0;
        width: 18px;
        height: 18px;
    }

    .help-note a[b-5u41zk90xq] {
        color: var(--accent);
        text-decoration: none;
        font-weight: var(--font-weight-bold);
        transition: all 0.2s ease;
    }

        .help-note a:hover[b-5u41zk90xq] {
            text-decoration: underline;
            color: var(--color-accent-2);
        }

.state-title[b-5u41zk90xq] {
    font-size: 1.75rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading) !important;
    margin: 0 0 1.125rem 0;
    letter-spacing: var(--letter-spacing-tight);
    line-height: 1.2;
}

.state-message[b-5u41zk90xq] {
    font-size: var(--text-lg);
    color: var(--text-secondary) !important;
    line-height: 1.65;
    margin: 0 0 2rem 0;
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing-normal);
}

    .state-message strong[b-5u41zk90xq] {
        color: var(--text-primary) !important;
        font-weight: var(--font-weight-bold);
    }

.state-details[b-5u41zk90xq] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    margin: 2rem 0;
    padding: 1.375rem 1.5rem;
    background: var(--background-primary);
    border-radius: 14px;
    border: 1px solid var(--border-color);
    box-shadow: 0 2px 8px var(--shadow-color-light);
}

.detail-item[b-5u41zk90xq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    font-size: var(--text-md);
    color: var(--text-secondary) !important;
    font-weight: var(--font-weight-medium);
}

.detail-icon[b-5u41zk90xq] {
    color: var(--color-success);
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

.stripe-badge[b-5u41zk90xq] {
    height: 20px;
    opacity: 0.75;
    transition: opacity 0.2s ease;
}

.detail-item:hover .stripe-badge[b-5u41zk90xq] {
    opacity: 1;
}

.btn-state[b-5u41zk90xq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding: 1rem 2.25rem;
    font-size: var(--text-lg);
    font-weight: var(--font-weight-bold);
    border-radius: 14px;
    border: none;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    letter-spacing: var(--letter-spacing-normal);
    min-width: 200px;
    position: relative;
    overflow: hidden;
}

    .btn-state[b-5u41zk90xq]::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.2);
        transform: translate(-50%, -50%);
        transition: width 0.6s, height 0.6s;
    }

    .btn-state:hover[b-5u41zk90xq]::before {
        width: 400px;
        height: 400px;
    }

    .btn-state.primary[b-5u41zk90xq] {
        background: var(--gradient-button) !important;
        color: var(--background-primary) !important;
        box-shadow: 0 12px 28px -8px var(--shadow-color);
    }

        .btn-state.primary:hover[b-5u41zk90xq] {
            transform: translateY(-2px);
            box-shadow: 0 16px 32px -8px var(--shadow-color);
            filter: brightness(1.05);
        }

        .btn-state.primary:active[b-5u41zk90xq] {
            transform: translateY(0);
        }

    .btn-state.secondary[b-5u41zk90xq] {
        background: var(--background-primary) !important;
        color: var(--text-primary) !important;
        border: 2px solid var(--border-color);
        box-shadow: 0 2px 8px var(--shadow-color-light);
    }

        .btn-state.secondary:hover[b-5u41zk90xq] {
            background: var(--card-bg-subtle) !important;
            border-color: var(--border-strong);
        }

    .btn-state svg[b-5u41zk90xq],
    .btn-state i[b-5u41zk90xq] {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        position: relative;
        z-index: 1;
    }

    .btn-state span[b-5u41zk90xq] {
        position: relative;
        z-index: 1;
    }

    .btn-state.primary svg[b-5u41zk90xq],
    .btn-state.primary i[b-5u41zk90xq],
    .btn-state.primary span[b-5u41zk90xq] {
        color: var(--background-primary) !important;
    }

.state-actions[b-5u41zk90xq] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.customer-panel[b-5u41zk90xq]::-webkit-scrollbar,
.payment-panel[b-5u41zk90xq]::-webkit-scrollbar {
    width: 6px;
}

.customer-panel[b-5u41zk90xq]::-webkit-scrollbar-track,
.payment-panel[b-5u41zk90xq]::-webkit-scrollbar-track {
    background: transparent;
    border-radius: var(--radius-sm);
}

.customer-panel[b-5u41zk90xq]::-webkit-scrollbar-thumb,
.payment-panel[b-5u41zk90xq]::-webkit-scrollbar-thumb {
    background: var(--border-strong);
    border-radius: var(--radius-sm);
}

    .customer-panel[b-5u41zk90xq]::-webkit-scrollbar-thumb:hover,
    .payment-panel[b-5u41zk90xq]::-webkit-scrollbar-thumb:hover {
        background: var(--text-tertiary);
    }

.modal-content *[b-5u41zk90xq] {
    color: var(--text-primary);
}

.modal-content h1[b-5u41zk90xq],
.modal-content h2[b-5u41zk90xq],
.modal-content h3[b-5u41zk90xq],
.modal-content h4[b-5u41zk90xq],
.modal-content h5[b-5u41zk90xq],
.modal-content h6[b-5u41zk90xq] {
    color: var(--text-heading) !important;
}

@media (max-width: 1024px) {
    .modal[b-5u41zk90xq] {
        padding: 0;
        align-items: stretch;
    }

    .modal-wrapper[b-5u41zk90xq] {
        width: 100%;
        height: 100vh;
        max-width: none;
        max-height: none;
    }

    .modal-content[b-5u41zk90xq] {
        border-radius: 0;
        height: 100vh;
        display: flex;
        flex-direction: column;
    }

        .modal-content[b-5u41zk90xq]::before {
            display: none;
        }

    .modal-header[b-5u41zk90xq] {
        padding: 1.25rem 1.5rem;
        flex-shrink: 0;
    }

    .modal-body[b-5u41zk90xq] {
        flex: 1;
        overflow-y: auto !important;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
        min-height: 0;
    }

    .content-columns[b-5u41zk90xq] {
        display: block;
        height: auto;
        min-height: 100%;
    }

    .customer-panel[b-5u41zk90xq],
    .payment-panel[b-5u41zk90xq] {
        max-height: none;
        height: auto;
        overflow: visible;
        padding: 1.5rem;
        border: none;
    }

    .customer-panel[b-5u41zk90xq] {
        border-bottom: 1px solid var(--border-color);
        border-right: none;
    }

    .payment-container[b-5u41zk90xq] {
        padding: 1.5rem;
        min-height: auto;
        height: auto;
        padding-bottom: 3rem;
    }

    .payment-section-elegant[b-5u41zk90xq] {
        flex: none;
        margin-bottom: 1rem;
        overflow: visible;
    }

    .form-control-elegant[b-5u41zk90xq] {
        font-size: 16px;
        padding: 0.875rem 1rem;
        min-height: 44px;
    }

    .stripe-element-elegant[b-5u41zk90xq] {
        max-height: none;
        padding: 1rem 1.25rem;
        flex: none;
    }

    .payment-button-container[b-5u41zk90xq] {
        padding: 1.5rem 1rem 2rem;
        margin-top: 1rem;
        position: relative;
        background: var(--background-primary);
        border-top: 1px solid var(--border-color);
    }

    .btn-payment-elegant[b-5u41zk90xq] {
        max-width: 100%;
        width: 100%;
        padding: 1rem 1.5rem;
        font-size: var(--text-lg);
        min-height: 50px;
    }

    .order-summary-compact[b-5u41zk90xq] {
        min-height: 130px;
    }

    .state-container[b-5u41zk90xq] {
        padding: 2rem 1.5rem;
        align-items: flex-start;
        padding-top: 3rem;
    }

    .state-card[b-5u41zk90xq] {
        padding: 2.5rem 2rem;
    }

    .state-title[b-5u41zk90xq] {
        font-size: 1.5rem;
    }

    .state-message[b-5u41zk90xq] {
        font-size: 0.9375rem;
    }

    .payment-spinner[b-5u41zk90xq],
    .success-checkmark[b-5u41zk90xq],
    .error-icon[b-5u41zk90xq] {
        width: 72px;
        height: 72px;
    }

        .success-checkmark i[b-5u41zk90xq] {
            font-size: 40px;
        }

        .error-icon i[b-5u41zk90xq] {
            font-size: 40px;
        }

        .error-icon svg[b-5u41zk90xq] {
            width: 40px;
            height: 40px;
        }

    .btn-state[b-5u41zk90xq] {
        width: 100%;
        min-width: auto;
        padding: 0.9375rem 2rem;
    }

    .state-actions[b-5u41zk90xq] {
        flex-direction: column;
        gap: 0.875rem;
    }

    .success-summary[b-5u41zk90xq] {
        padding: 1.5rem 1.25rem;
    }

    .summary-row[b-5u41zk90xq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 0.75rem 0;
    }

    .help-note[b-5u41zk90xq] {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
}

@media (max-width: 640px) {
    .modal-header[b-5u41zk90xq] {
        padding: 1rem 1.25rem;
    }

    .header-right span[b-5u41zk90xq] {
        display: none;
    }

    .stripe-logo[b-5u41zk90xq] {
        display: none;
    }

    .close-button[b-5u41zk90xq] {
        width: 36px;
        height: 36px;
    }

    .customer-panel[b-5u41zk90xq],
    .payment-panel[b-5u41zk90xq] {
        padding: 1.25rem;
    }

    .payment-container[b-5u41zk90xq] {
        padding: 1.25rem;
        padding-bottom: 2.5rem;
    }

    .stripe-element-elegant[b-5u41zk90xq] {
        padding: 1rem 1.25rem;
    }

    .payment-button-container[b-5u41zk90xq] {
        padding: 1.25rem 1rem 2rem;
        margin-top: 0.75rem;
    }

    .order-inner[b-5u41zk90xq] {
        flex-direction: column;
        text-align: center;
    }

    .order-price[b-5u41zk90xq] {
        text-align: center;
        padding: 0;
        margin-top: 1rem;
    }

    .validation-message[b-5u41zk90xq] {
        font-size: 0.6875rem;
    }

    .state-container[b-5u41zk90xq] {
        padding: 1.5rem 1.25rem;
        padding-top: 2rem;
    }

    .state-card[b-5u41zk90xq] {
        padding: 2rem 1.5rem;
        box-shadow: 0 10px 25px -10px var(--shadow-color-light);
    }

    .state-title[b-5u41zk90xq] {
        font-size: 1.375rem;
    }

    .state-message[b-5u41zk90xq] {
        font-size: var(--text-md);
        margin-bottom: 1.75rem;
    }

    .state-animation[b-5u41zk90xq] {
        margin-bottom: 1.75rem;
    }

    .payment-spinner[b-5u41zk90xq],
    .success-checkmark[b-5u41zk90xq],
    .error-icon[b-5u41zk90xq] {
        width: 64px;
        height: 64px;
    }

        .success-checkmark i[b-5u41zk90xq] {
            font-size: 36px;
        }

        .error-icon i[b-5u41zk90xq] {
            font-size: 36px;
        }

        .error-icon svg[b-5u41zk90xq] {
            width: 36px;
            height: 36px;
        }

    .btn-state[b-5u41zk90xq] {
        padding: 0.875rem 1.75rem;
        font-size: 0.9375rem;
        min-height: 50px;
    }

    .success-summary[b-5u41zk90xq] {
        padding: 1.25rem 1rem;
        margin: 1.5rem 0;
    }

    .summary-row[b-5u41zk90xq] {
        padding: 0.625rem 0;
    }

    .summary-label[b-5u41zk90xq] {
        font-size: var(--text-base);
    }

    .summary-value[b-5u41zk90xq] {
        font-size: 0.9375rem;
    }

    .state-details[b-5u41zk90xq] {
        padding: 1.125rem 1.25rem;
        margin: 1.5rem 0;
    }

    .error-details[b-5u41zk90xq] {
        padding: 1rem 1.125rem;
        margin: 1.25rem 0;
    }

    .help-note[b-5u41zk90xq] {
        margin-top: 1.5rem;
        padding-top: 1.5rem;
        font-size: var(--text-base);
    }
}

@media (max-width: 375px) {
    .modal-header[b-5u41zk90xq] {
        padding: 0.875rem 1rem;
    }

    .customer-panel[b-5u41zk90xq],
    .payment-panel[b-5u41zk90xq] {
        padding: 1rem;
    }

    .payment-container[b-5u41zk90xq] {
        padding: 1rem;
        padding-bottom: 2rem;
    }

    .order-summary-compact[b-5u41zk90xq] {
        padding: 1.25rem 1rem;
    }

    .payment-button-container[b-5u41zk90xq] {
        padding: 1rem 0.75rem 1.5rem;
    }

    .btn-payment-elegant[b-5u41zk90xq] {
        min-height: 48px;
        padding: 0.875rem 1.25rem;
    }

    .state-container[b-5u41zk90xq] {
        padding: 1.25rem 1rem;
    }

    .state-card[b-5u41zk90xq] {
        padding: 1.75rem 1.25rem;
    }

    .state-title[b-5u41zk90xq] {
        font-size: 1.25rem;
    }

    .state-message[b-5u41zk90xq] {
        font-size: var(--text-base);
    }

    .btn-state[b-5u41zk90xq] {
        padding: 0.8125rem 1.5rem;
        font-size: var(--text-md);
        min-height: 48px;
    }

    .payment-spinner[b-5u41zk90xq],
    .success-checkmark[b-5u41zk90xq],
    .error-icon[b-5u41zk90xq] {
        width: 56px;
        height: 56px;
    }

        .success-checkmark i[b-5u41zk90xq] {
            font-size: 32px;
        }

        .error-icon i[b-5u41zk90xq] {
            font-size: 32px;
        }

        .error-icon svg[b-5u41zk90xq] {
            width: 32px;
            height: 32px;
        }
}

@media (max-height: 600px) and (max-width: 1024px) {
    .modal-header[b-5u41zk90xq] {
        padding: 0.875rem 1.25rem;
    }

    .customer-panel[b-5u41zk90xq],
    .payment-panel[b-5u41zk90xq] {
        padding: 1rem;
    }

    .payment-container[b-5u41zk90xq] {
        padding-bottom: 1.5rem;
    }

    .stripe-element-elegant[b-5u41zk90xq] {
        padding: 0.875rem 1rem;
    }

    .payment-button-container[b-5u41zk90xq] {
        padding: 1rem 1rem 1.5rem;
        margin-top: 0.5rem;
    }

    .state-container[b-5u41zk90xq] {
        padding: 1rem;
        align-items: flex-start;
    }

    .state-card[b-5u41zk90xq] {
        padding: 1.5rem 1.25rem;
    }

    .state-animation[b-5u41zk90xq] {
        margin-bottom: 1.25rem;
    }

    .state-title[b-5u41zk90xq] {
        font-size: 1.25rem;
        margin-bottom: 0.75rem;
    }

    .state-message[b-5u41zk90xq] {
        font-size: var(--text-base);
        margin-bottom: 1.25rem;
    }

    .payment-spinner[b-5u41zk90xq],
    .success-checkmark[b-5u41zk90xq],
    .error-icon[b-5u41zk90xq] {
        width: 56px;
        height: 56px;
    }

        .success-checkmark i[b-5u41zk90xq] {
            font-size: 32px;
        }

        .error-icon i[b-5u41zk90xq] {
            font-size: 32px;
        }

    .btn-state[b-5u41zk90xq] {
        padding: 0.75rem 1.5rem;
        min-height: 44px;
    }

    .state-details[b-5u41zk90xq],
    .success-summary[b-5u41zk90xq] {
        margin: 1.25rem 0;
        padding: 1rem;
    }
}

@media (max-height: 700px) {
    .modal-wrapper[b-5u41zk90xq] {
        height: 100vh;
        max-height: 100vh;
    }

    .modal-body[b-5u41zk90xq] {
        overflow-y: auto !important;
    }

    .payment-section-elegant[b-5u41zk90xq] {
        margin-bottom: 1rem;
    }
}

*:focus-visible[b-5u41zk90xq] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.form-control-elegant:focus-visible[b-5u41zk90xq] {
    outline: none;
}

.close-button:focus-visible[b-5u41zk90xq],
.btn-payment-elegant:focus-visible[b-5u41zk90xq],
.btn-state:focus-visible[b-5u41zk90xq] {
    outline-offset: 4px;
}

@media print {
    .modal-backdrop[b-5u41zk90xq] {
        display: none;
    }

    .modal[b-5u41zk90xq] {
        position: static;
    }

    .modal-content[b-5u41zk90xq] {
        box-shadow: none;
        border: 1px solid #000;
    }

    .close-button[b-5u41zk90xq],
    .btn-payment-elegant[b-5u41zk90xq],
    .btn-state[b-5u41zk90xq] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-5u41zk90xq],
    *[b-5u41zk90xq]::before,
    *[b-5u41zk90xq]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

.activation-status[b-5u41zk90xq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: -0.5rem 0 1.5rem;
    font-size: 0.8125rem;
    color: var(--text-tertiary);
    letter-spacing: var(--letter-spacing-normal);
}

    .activation-status.is-active[b-5u41zk90xq] {
        color: var(--color-success);
    }

.activation-dot[b-5u41zk90xq] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--accent);
    flex-shrink: 0;
    animation: activation-pulse-b-5u41zk90xq 1.1s ease-in-out infinite;
}

@keyframes activation-pulse-b-5u41zk90xq {
    0%, 100% {
        opacity: 0.35;
        transform: scale(0.85);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

.activation-check[b-5u41zk90xq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--color-success-bg);
    color: var(--color-success);
    flex-shrink: 0;
}

.price-skeleton[b-5u41zk90xq] {
    display: inline-block;
    width: 76px;
    height: 1.25em;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--border-color) 25%, var(--background-secondary) 50%, var(--border-color) 75%);
    background-size: 200% 100%;
    animation: priceShimmer-b-5u41zk90xq 1.1s ease-in-out infinite;
}

@keyframes priceShimmer-b-5u41zk90xq {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: 0 0;
    }
}
/* /Components/ProdComponents/AinnaIsland.razor.rz.scp.css */
.isl[b-x6i1w4s88i] {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    height: 36px;
    min-width: 0;
    max-width: 100%;
    padding: 0 8px 0 6px;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
    color: #1C1A1F;
    font-family: 'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
    -webkit-font-smoothing: antialiased;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
    animation: isl-in-b-x6i1w4s88i 0.2s ease both;
}

    .isl[b-x6i1w4s88i]::before {
        content: "";
        position: absolute;
        inset: 7px -2px;
        z-index: -1;
        border-radius: 12px;
        background: rgba(var(--ain-surface-rgb, 242, 239, 233), 0.82);
        filter: blur(6px);
        pointer-events: none;
        transition: opacity 0.18s ease;
    }

@media (hover: hover) {
    .isl:hover[b-x6i1w4s88i] {
        background: rgba(255, 255, 255, 0.32);
        -webkit-backdrop-filter: blur(14px) saturate(1.5);
        backdrop-filter: blur(14px) saturate(1.5);
        border-color: rgba(255, 255, 255, 0.45);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 28px rgba(20, 18, 24, 0.12), 0 2px 6px rgba(20, 18, 24, 0.06);
    }

        .isl:hover[b-x6i1w4s88i]::before {
            opacity: 0;
        }
}

.isl:has(:focus-visible)[b-x6i1w4s88i] {
    background: rgba(255, 255, 255, 0.32);
    -webkit-backdrop-filter: blur(14px) saturate(1.5);
    backdrop-filter: blur(14px) saturate(1.5);
    border-color: rgba(255, 255, 255, 0.45);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 28px rgba(20, 18, 24, 0.12), 0 2px 6px rgba(20, 18, 24, 0.06);
}

    .isl:has(:focus-visible)[b-x6i1w4s88i]::before {
        opacity: 0;
    }

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    @media (hover: hover) {
        .isl:hover[b-x6i1w4s88i] {
            background: rgba(255, 255, 255, 0.9);
        }
    }

    .isl:has(:focus-visible)[b-x6i1w4s88i] {
        background: rgba(255, 255, 255, 0.9);
    }
}

@keyframes isl-in-b-x6i1w4s88i {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.isl-root[b-x6i1w4s88i] {
    flex: 0 0 auto;
    padding: 0 2px 0 4px;
    color: rgba(20, 18, 24, 0.28);
    font-size: 12px;
    line-height: 1;
}

@media (max-width: 640px) {
    .isl-root[b-x6i1w4s88i] {
        display: none;
    }
}

.isl-back[b-x6i1w4s88i] {
    gap: 7px;
    color: #1C1A1F;
}

    .isl-back .isl-code[b-x6i1w4s88i] {
        font-weight: 700;
    }

    .isl-back:hover:not(:disabled)[b-x6i1w4s88i] {
        color: #C71260;
    }

.isl-arrow[b-x6i1w4s88i] {
    font-family: 'Space Grotesk', 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #C71260;
}

.isl-word[b-x6i1w4s88i] {
    font-family: 'Newsreader', Georgia, serif;
    font-style: italic;
    font-size: 13px;
    line-height: 1;
    color: #5E5862;
    white-space: nowrap;
}

.isl-seg[b-x6i1w4s88i] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 8px;
    min-width: 0;
    flex: 0 1 auto;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #5E5862;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

    .isl-seg:hover:not(:disabled)[b-x6i1w4s88i] {
        background: rgba(20, 18, 24, 0.06);
        color: #1C1A1F;
    }

    .isl-seg.is-cur[b-x6i1w4s88i] {
        color: #1C1A1F;
    }

        .isl-seg.is-cur .isl-code[b-x6i1w4s88i] {
            font-weight: 700;
        }

        .isl-seg.is-cur:hover:not(:disabled)[b-x6i1w4s88i] {
            color: #C71260;
        }

    .isl-seg:disabled[b-x6i1w4s88i] {
        cursor: default;
        opacity: 0.55;
    }

    .isl-seg.is-live[b-x6i1w4s88i] {
        cursor: default;
    }

.isl-code[b-x6i1w4s88i] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1;
}

.isl-seg.is-stub .isl-code[b-x6i1w4s88i] {
    font-weight: 500;
    font-style: italic;
    text-transform: none;
}

.isl-slash[b-x6i1w4s88i] {
    flex: 0 0 auto;
    color: rgba(20, 18, 24, 0.28);
    font-size: 12px;
    margin: 0 2px;
}

.isl-sr[b-x6i1w4s88i] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.isl button:focus-visible[b-x6i1w4s88i] {
    outline: 2px solid #C71260;
    outline-offset: 1px;
}

@media (prefers-reduced-motion: reduce) {
    .isl[b-x6i1w4s88i], .isl *[b-x6i1w4s88i] {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Components/ProdComponents/AinnaMobileNote.razor.rz.scp.css */
.mnote[b-d0srq2if44] {
    display: none;
}

@media (max-width: 900px) {
    .mnote[b-d0srq2if44] {
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
    }
}

.mnote-chip[b-d0srq2if44] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 10px 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(20, 18, 24, 0.14);
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(10px) saturate(1.4);
    backdrop-filter: blur(10px) saturate(1.4);
    color: #4A444C;
    font-family: 'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

    .mnote-chip[b-d0srq2if44]::after {
        content: "";
        position: absolute;
        inset: -10px -6px;
    }

    .mnote-chip i[b-d0srq2if44] {
        font-size: 10px;
        color: #C71260;
    }

    .mnote-chip:hover[b-d0srq2if44],
    .mnote.is-open .mnote-chip[b-d0srq2if44] {
        border-color: rgba(199, 18, 96, 0.4);
        background: rgba(255, 255, 255, 0.9);
        color: #1C1A1F;
    }

    .mnote-chip:focus-visible[b-d0srq2if44],
    .mnote-ok:focus-visible[b-d0srq2if44] {
        outline: 2px solid #C71260;
        outline-offset: 2px;
    }

@media (max-width: 340px) {
    .mnote-chip[b-d0srq2if44] {
        padding: 0 8px;
    }

    .mnote-chip-word[b-d0srq2if44] {
        display: none;
    }
}

.mnote-card[b-d0srq2if44] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: min(340px, calc(100vw - var(--ainna-rail-w, 0px) - 24px));
    box-sizing: border-box;
    padding: 16px 16px 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.94);
    -webkit-backdrop-filter: blur(14px) saturate(1.5);
    backdrop-filter: blur(14px) saturate(1.5);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 16px 40px rgba(20, 18, 24, 0.18), 0 2px 6px rgba(20, 18, 24, 0.06);
    animation: mnote-in-b-d0srq2if44 0.2s ease both;
}

@keyframes mnote-in-b-d0srq2if44 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mnote-title[b-d0srq2if44] {
    font-family: 'Space Grotesk', 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.25;
    color: #1C1A1F;
    margin: 0 0 6px;
}

.mnote-body[b-d0srq2if44] {
    font-size: 13px;
    line-height: 1.5;
    color: #5E5862;
    margin: 0 0 12px;
}

.mnote-actions[b-d0srq2if44] {
    display: flex;
    justify-content: flex-end;
}

.mnote-ok[b-d0srq2if44] {
    height: 32px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    background: #1C1A1F;
    color: #fff;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .mnote-ok:hover[b-d0srq2if44] {
        background: #C71260;
    }

@media (prefers-reduced-motion: reduce) {
    .mnote-card[b-d0srq2if44] {
        animation: none;
    }

    .mnote-chip[b-d0srq2if44] {
        transition: none;
    }
}
/* /Components/ProdComponents/AinnaRail.razor.rz.scp.css */
.arail[b-rr6dhqxy4n] {
    position: fixed;
    left: 8px;
    top: calc(8px + env(safe-area-inset-top, 0px));
    bottom: 14px;
    width: 80px;
    z-index: 1300;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    padding: 8px 6px 12px;
    background: #0A191D;
    background-image: linear-gradient(180deg, #13252A 0, #0A191D 150px);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(18, 17, 22, 0.35);
    box-sizing: border-box;
    font-family: 'Space Grotesk', 'Helvetica Neue', Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow: visible;
    scrollbar-width: thin;
    scrollbar-color: #3B4E52 transparent;
}

    .arail[b-rr6dhqxy4n]::-webkit-scrollbar {
        width: 6px;
    }

    .arail[b-rr6dhqxy4n]::-webkit-scrollbar-thumb {
        background: #3B4E52;
        border-radius: 6px;
    }

    .arail[b-rr6dhqxy4n]::-webkit-scrollbar-track {
        background: transparent;
    }

    .arail.is-docked[b-rr6dhqxy4n] {
        border-radius: 18px 0 0 18px;
        border-right-color: rgba(255, 255, 255, 0.16);
    }

.arail-brand[b-rr6dhqxy4n] {
    flex: 0 0 auto;
    height: 40px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    color: #F5F0F4;
    transition: background 0.15s ease;
}

    .arail-brand:hover[b-rr6dhqxy4n] {
        background: rgba(255, 255, 255, 0.06);
    }

    .arail-brand img[b-rr6dhqxy4n] {
        display: block;
        height: 20px;
        width: auto;
        max-width: 62px;
    }

        .arail-brand img.is-inverted[b-rr6dhqxy4n] {
            filter: invert(1) hue-rotate(180deg);
        }

.arail-sep[b-rr6dhqxy4n] {
    height: 1px;
    width: 30px;
    margin: 6px auto;
    flex: 0 0 auto;
    background: rgba(255, 255, 255, 0.14);
    border-radius: 1px;
}

.arail-spacer[b-rr6dhqxy4n] {
    flex: 1 1 auto;
}

.arail-btn[b-rr6dhqxy4n] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 54px;
    padding: 4px 3px;
    min-width: 0;
    flex: 0 0 auto;
    font-family: inherit;
    font-size: 17px;
    color: #CFC5CE;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

    .arail-btn > i.fas[b-rr6dhqxy4n] {
        line-height: 1;
    }

    .arail-btn svg[b-rr6dhqxy4n] {
        width: 20px;
        height: 20px;
        display: block;
    }

    .arail-btn em[b-rr6dhqxy4n] {
        display: block;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-style: normal;
        font-size: 9px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #A99FA8;
    }

    .arail-btn:hover:not(:disabled)[b-rr6dhqxy4n] {
        background: rgba(255, 255, 255, 0.08);
        color: #F5F0F4;
    }

        .arail-btn:hover:not(:disabled) em[b-rr6dhqxy4n] {
            color: #CFC5CE;
        }

    .arail-btn:disabled[b-rr6dhqxy4n] {
        opacity: 0.5;
        cursor: default;
    }

.arail-nav.is-on[b-rr6dhqxy4n],
.arail-cta-up.is-on[b-rr6dhqxy4n],
.arail-plan.is-on[b-rr6dhqxy4n],
.arail-cta-fb.is-on[b-rr6dhqxy4n],
.arail-cta-ag.is-on[b-rr6dhqxy4n],
.arail-acct.is-on[b-rr6dhqxy4n],
.arail-primary.is-pressed[b-rr6dhqxy4n] {
    background: transparent;
    border-color: transparent;
    color: #F2B544;
    box-shadow: none;
}

    .arail-nav.is-on em[b-rr6dhqxy4n],
    .arail-cta-up.is-on em[b-rr6dhqxy4n],
    .arail-cta-fb.is-on em[b-rr6dhqxy4n],
    .arail-cta-ag.is-on em[b-rr6dhqxy4n],
    .arail-acct.is-on em[b-rr6dhqxy4n],
    .arail-primary.is-pressed em[b-rr6dhqxy4n] {
        color: #F2B544;
    }

    .arail-nav.is-on[b-rr6dhqxy4n]::before,
    .arail-cta-up.is-on[b-rr6dhqxy4n]::before,
    .arail-plan.is-on[b-rr6dhqxy4n]::before,
    .arail-cta-fb.is-on[b-rr6dhqxy4n]::before,
    .arail-cta-ag.is-on[b-rr6dhqxy4n]::before,
    .arail-acct.is-on[b-rr6dhqxy4n]::before {
        content: "";
        position: absolute;
        left: -5px;
        top: 50%;
        width: 3px;
        height: 22px;
        border-radius: 3px;
        background: #F2B544;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .arail-nav.is-on:hover:not(:disabled)[b-rr6dhqxy4n],
    .arail-cta-up.is-on:hover:not(:disabled)[b-rr6dhqxy4n],
    .arail-cta-fb.is-on:hover:not(:disabled)[b-rr6dhqxy4n],
    .arail-cta-ag.is-on:hover:not(:disabled)[b-rr6dhqxy4n],
    .arail-acct.is-on:hover[b-rr6dhqxy4n],
    .arail-primary.is-pressed:hover:not(:disabled)[b-rr6dhqxy4n] {
        border-color: transparent;
        color: #F2B544;
    }

        .arail-nav.is-on:hover:not(:disabled) em[b-rr6dhqxy4n],
        .arail-cta-up.is-on:hover:not(:disabled) em[b-rr6dhqxy4n],
        .arail-cta-fb.is-on:hover:not(:disabled) em[b-rr6dhqxy4n],
        .arail-cta-ag.is-on:hover:not(:disabled) em[b-rr6dhqxy4n],
        .arail-acct.is-on:hover em[b-rr6dhqxy4n],
        .arail-primary.is-pressed:hover:not(:disabled) em[b-rr6dhqxy4n] {
            color: #F2B544;
        }

.arail-primary[b-rr6dhqxy4n] {
    color: #CFC5CE;
}

    .arail-primary:hover:not(:disabled)[b-rr6dhqxy4n] {
        color: #F2B544;
    }

        .arail-primary:hover:not(:disabled) em[b-rr6dhqxy4n] {
            color: #CFC5CE;
        }

.arail-debt[b-rr6dhqxy4n] {
    position: absolute;
    right: 5px;
    top: 4px;
    min-width: 17px;
    padding: 1px 5px;
    border-radius: 999px;
    text-align: center;
    font-family: 'JetBrains Mono', Consolas, 'Courier New', monospace;
    font-size: 8.5px;
    font-weight: 800;
    line-height: 13px;
    color: #1C1405;
    background: #F2B544;
    border: 1px solid rgba(10, 25, 29, 0.6);
    box-sizing: border-box;
}

.arail-new[b-rr6dhqxy4n] {
    color: #CFC5CE;
}

.arail-prob[b-rr6dhqxy4n] {
    color: #CFC5CE;
}

    .arail-prob > i.fas:first-child[b-rr6dhqxy4n] {
        color: #F2B544;
    }

    .arail-prob:hover:not(:disabled)[b-rr6dhqxy4n] {
        color: #F5F0F4;
    }

    .arail-new.is-locked[b-rr6dhqxy4n],
    .arail-prob.is-locked[b-rr6dhqxy4n] {
        opacity: 0.65;
        cursor: not-allowed;
    }

        .arail-new.is-locked > i.fas[b-rr6dhqxy4n],
        .arail-prob.is-locked > i.fas[b-rr6dhqxy4n] {
            color: #A99FA8;
        }

        .arail-new.is-locked:hover[b-rr6dhqxy4n],
        .arail-prob.is-locked:hover[b-rr6dhqxy4n] {
            background: rgba(255, 255, 255, 0.04);
            color: #A99FA8;
        }

.arail-port[b-rr6dhqxy4n] {
    color: #A99FA8;
}

    .arail-port[aria-disabled="true"][b-rr6dhqxy4n] {
        cursor: not-allowed;
        opacity: 0.65;
    }

        .arail-port[aria-disabled="true"]:hover[b-rr6dhqxy4n] {
            background: rgba(255, 255, 255, 0.04);
            color: #A99FA8;
        }

.arail-mark[b-rr6dhqxy4n] {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #8F8894;
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.arail-btn:hover:not(:disabled) .arail-mark[b-rr6dhqxy4n],
.arail-acct:hover .arail-mark[b-rr6dhqxy4n] {
    background: #2C4247;
    border-color: rgba(255, 255, 255, 0.22);
    color: #F5F0F4;
}

.arail-mark.is-plus[b-rr6dhqxy4n] {
    font-size: 11px;
    font-weight: 800;
}

.arail-new:hover:not(:disabled) .arail-mark.is-plus[b-rr6dhqxy4n] {
    color: #F2B544;
}

.arail-prob:hover:not(:disabled) .arail-mark.is-plus[b-rr6dhqxy4n] {
    color: #F2B544;
}

.arail-btn.is-warn .arail-mark.is-plus[b-rr6dhqxy4n] {
    color: #F2B544;
    border-color: rgba(242, 181, 68, 0.55);
}

.arail-mark.is-lock[b-rr6dhqxy4n],
.arail-mark.is-ext[b-rr6dhqxy4n] {
    font-size: 6.5px;
}

.arail-mark.is-open[b-rr6dhqxy4n] {
    font-size: 11px;
    font-weight: 600;
}

.arail-mark.is-go[b-rr6dhqxy4n] {
    font-size: 9px;
}

.arail-plan.is-free .arail-mark.is-go[b-rr6dhqxy4n] {
    background: rgba(224, 23, 107, 0.28);
    color: #FF8FBB;
}

.arail-plan.is-free:hover:not(:disabled) .arail-mark.is-go[b-rr6dhqxy4n] {
    background: #E0176B;
    border-color: transparent;
    color: #FFFFFF;
}

.arail-ghost.is-open .arail-mark.is-open[b-rr6dhqxy4n],
.arail-acct.is-open .arail-mark.is-open[b-rr6dhqxy4n] {
    color: #F5F0F4;
    border-color: rgba(255, 255, 255, 0.35);
}


.arail-cta[b-rr6dhqxy4n] {
    height: 42px;
}

.arail-plan[b-rr6dhqxy4n] {
    color: #B4AAB3;
    background: transparent;
    border-color: transparent;
}

    .arail-plan em[b-rr6dhqxy4n] {
        color: #A99FA8;
    }

    .arail-plan:hover:not(:disabled)[b-rr6dhqxy4n] {
        color: #F5F0F4;
        background: rgba(255, 255, 255, 0.06);
    }

        .arail-plan:hover:not(:disabled) em[b-rr6dhqxy4n] {
            color: #CFC5CE;
        }

    .arail-plan.is-free > i.fas[b-rr6dhqxy4n] {
        color: #FF5C9E;
    }

    .arail-plan.is-premium > i.fas[b-rr6dhqxy4n] {
        color: #E5C36A;
        text-shadow: 0 0 10px rgba(229, 195, 106, 0.45);
    }

    .arail-plan.is-premium em[b-rr6dhqxy4n] {
        color: #E8E1E7;
    }

    .arail-plan.is-warning em[b-rr6dhqxy4n],
    .arail-plan.is-critical em[b-rr6dhqxy4n] {
        color: #F2B544;
    }

    .arail-plan.is-critical > i.fas[b-rr6dhqxy4n] {
        color: #F2B544;
        text-shadow: none;
    }

    .arail-plan.is-premium:hover:not(:disabled)[b-rr6dhqxy4n] {
        background: rgba(255, 255, 255, 0.04);
    }

.arail-cta-up[b-rr6dhqxy4n] {
    color: #FF8FBB;
    background: rgba(224, 23, 107, 0.18);
    border-color: rgba(255, 143, 187, 0.5);
}

.arail-cta-fb[b-rr6dhqxy4n],
.arail-cta-ag[b-rr6dhqxy4n] {
    color: #A99FA8;
    background: transparent;
    border-color: transparent;
}

    .arail-cta-fb:hover:not(:disabled)[b-rr6dhqxy4n],
    .arail-cta-ag:hover:not(:disabled)[b-rr6dhqxy4n] {
        color: #F5F0F4;
        background: rgba(255, 255, 255, 0.06);
        border-color: transparent;
        box-shadow: none;
    }

.arail-ghost[b-rr6dhqxy4n] {
    background: transparent;
    border-color: transparent;
}

    .arail-ghost:hover:not(:disabled)[b-rr6dhqxy4n] {
        background: rgba(255, 255, 255, 0.06);
        border-color: transparent;
        box-shadow: none;
    }

    .arail-ghost.is-open[b-rr6dhqxy4n] {
        background: rgba(255, 255, 255, 0.10);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.30);
    }

.arail-acct[b-rr6dhqxy4n] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 58px;
    padding: 4px 3px;
    min-width: 0;
    flex: 0 0 auto;
    font-family: inherit;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

    .arail-acct em[b-rr6dhqxy4n] {
        display: block;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-style: normal;
        font-size: 9px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #A99FA8;
    }

    .arail-acct:hover[b-rr6dhqxy4n] {
        background: rgba(255, 255, 255, 0.08);
    }

    .arail-acct.is-open[b-rr6dhqxy4n] {
        background: rgba(255, 255, 255, 0.10);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.30);
    }

.arail-av[b-rr6dhqxy4n] {
    width: 28px;
    height: 28px;
    overflow: hidden;
    flex: 0 0 auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 800;
    color: #FFFFFF;
    background: #3A5055;
}

    .arail-av img[b-rr6dhqxy4n] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        display: block;
    }

.arail-acct.is-on .arail-av[b-rr6dhqxy4n] {
    box-shadow: 0 0 0 2px #0B1A1E, 0 0 0 3.5px #F2B544;
}

.arail-veilx[b-rr6dhqxy4n] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1290;
    background: transparent;
}

.arail-flyout[b-rr6dhqxy4n] {
    position: fixed;
    left: calc(var(--ainna-rail-w, 88px) + 10px);
    bottom: 14px;
    width: 264px;
    z-index: 1350;
    padding: 8px;
    background: #1B3034;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(18, 17, 22, 0.35);
    box-sizing: border-box;
    font-family: 'Space Grotesk', 'Helvetica Neue', Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.arail-flyout-help[b-rr6dhqxy4n] {
    bottom: 78px;
}

.arail-fid i.is-warning[b-rr6dhqxy4n],
.arail-fid i.is-critical[b-rr6dhqxy4n] {
    color: #F2B544;
}

.arail-frow[b-rr6dhqxy4n] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 10px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    color: #CFC5CE;
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 9px;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
}

    .arail-frow:hover[b-rr6dhqxy4n] {
        background: rgba(255, 255, 255, 0.06);
        color: #F5F0F4;
    }

.arail-fhead[b-rr6dhqxy4n] {
    cursor: default;
    padding: 10px 10px 12px;
    min-width: 0;
}

    .arail-fhead:hover[b-rr6dhqxy4n] {
        background: transparent;
        color: #CFC5CE;
    }

.arail-fid[b-rr6dhqxy4n] {
    flex: 1 1 auto;
    min-width: 0;
}

    .arail-fid b[b-rr6dhqxy4n],
    .arail-fid i[b-rr6dhqxy4n] {
        display: block;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .arail-fid b[b-rr6dhqxy4n] {
        font-size: 12.5px;
        color: #F5F0F4;
    }

    .arail-fid i[b-rr6dhqxy4n] {
        font-style: normal;
        font-size: 10.5px;
        color: #A79DA6;
        margin-top: 2px;
    }

.arail-fsep[b-rr6dhqxy4n] {
    height: 1px;
    margin: 5px 4px;
    background: rgba(255, 255, 255, 0.08);
}

.arail-fgroup[b-rr6dhqxy4n] {
    padding: 8px 10px 3px;
    font-size: 8.5px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #A99FA8;
}

.arail-frow.is-here[b-rr6dhqxy4n] {
    color: #F2B544;
    font-weight: 700;
}

.arail-fchk[b-rr6dhqxy4n] {
    margin-left: auto;
    font-size: 9px;
    color: #F2B544;
}

.arail-fext[b-rr6dhqxy4n] {
    margin-left: auto;
    font-size: 9px;
    color: #A99FA8;
}

.arail-frow.is-locked[b-rr6dhqxy4n] {
    color: #7F7885;
    cursor: not-allowed;
}

    .arail-frow.is-locked:hover[b-rr6dhqxy4n] {
        background: transparent;
        color: #7F7885;
    }

.arail-flock[b-rr6dhqxy4n] {
    margin-left: auto;
    font-size: 9px;
    color: #7F7885;
}

.arail-frow.is-danger[b-rr6dhqxy4n] {
    color: #F49B9B;
}

    .arail-frow.is-danger:hover[b-rr6dhqxy4n] {
        background: rgba(244, 155, 155, 0.12);
        color: #F49B9B;
    }

.arail-btn:focus-visible[b-rr6dhqxy4n],
.arail-acct:focus-visible[b-rr6dhqxy4n],
.arail-frow:focus-visible[b-rr6dhqxy4n] {
    outline: 2px solid #FF5C9E;
    outline-offset: 2px;
}

.arail-new:disabled[b-rr6dhqxy4n],
.arail-prob:disabled[b-rr6dhqxy4n] {
    opacity: 0.85;
    filter: saturate(0.5);
    cursor: not-allowed;
}

.arail-btn:disabled em[b-rr6dhqxy4n],
.arail-btn:disabled .arail-mark[b-rr6dhqxy4n] {
    opacity: 0.8;
}

.arail.is-busy[b-rr6dhqxy4n] {
    pointer-events: none;
}

    .arail.is-busy .arail-btn[b-rr6dhqxy4n],
    .arail.is-busy .arail-brand[b-rr6dhqxy4n],
    .arail.is-busy .arail-cta-up[b-rr6dhqxy4n],
    .arail.is-busy .arail-cta-fb[b-rr6dhqxy4n],
    .arail.is-busy .arail-acct[b-rr6dhqxy4n] {
        opacity: 0.85;
        filter: saturate(0.5);
    }

@media (max-width: 1100px), (max-height: 720px) {
    .arail[b-rr6dhqxy4n] {
        gap: 4px;
    }

    .arail-btn[b-rr6dhqxy4n] {
        height: 44px;
        padding: 0;
    }

        .arail-btn em[b-rr6dhqxy4n] {
            display: none;
        }

    .arail-cta[b-rr6dhqxy4n] {
        height: 38px;
    }

    .arail-acct[b-rr6dhqxy4n] {
        height: 44px;
        justify-content: center;
        padding: 0;
    }

        .arail-acct em[b-rr6dhqxy4n] {
            display: none;
        }

    .arail-sep[b-rr6dhqxy4n] {
        margin: 5px auto;
    }

    .arail-flyout-help[b-rr6dhqxy4n] {
        bottom: 66px;
    }

    .arail-brand[b-rr6dhqxy4n] {
        height: 34px;
    }
}

@media (max-height: 620px) {
    .arail-cta-fb[b-rr6dhqxy4n] {
        display: none;
    }
}

@media (max-height: 560px) {
    .arail-plan[b-rr6dhqxy4n] {
        display: none;
    }
}

@media (max-width: 640px) {
    .arail[b-rr6dhqxy4n] {
        display: none;
    }

    .arail-flyout[b-rr6dhqxy4n] {
        left: 10px;
    }
}

.arail [data-tip][b-rr6dhqxy4n] {
    position: relative;
}

    .arail [data-tip][b-rr6dhqxy4n]::after {
        content: attr(data-tip);
        position: absolute;
        left: calc(100% + 12px);
        top: 50%;
        transform: translateY(-50%) translateX(-4px);
        z-index: 5;
        padding: 7px 11px;
        border-radius: 9px;
        background: #1B3034;
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
        color: #F5F0F4;
        font-family: 'Space Grotesk', 'Helvetica Neue', Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: none;
        line-height: 1.35;
        text-align: left;
        white-space: normal;
        width: max-content;
        max-width: 240px;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.12s ease 0s, transform 0.12s ease 0s;
    }

    .arail [data-tip][b-rr6dhqxy4n]::before {
        content: "";
        position: absolute;
        left: calc(100% + 7px);
        top: 50%;
        z-index: 6;
        width: 8px;
        height: 8px;
        transform: translateY(-50%) rotate(45deg);
        background: #1B3034;
        border-left: 1px solid rgba(255, 255, 255, 0.12);
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.12s ease 0s;
    }

    .arail [data-tip]:hover[b-rr6dhqxy4n]::after,
    .arail [data-tip]:focus-visible[b-rr6dhqxy4n]::after {
        opacity: 1;
        transform: translateY(-50%) translateX(0);
        transition-delay: 0.35s;
    }

    .arail [data-tip]:hover[b-rr6dhqxy4n]::before,
    .arail [data-tip]:focus-visible[b-rr6dhqxy4n]::before {
        opacity: 1;
        transition-delay: 0.35s;
    }

    .arail [data-tip].is-open[b-rr6dhqxy4n]::after,
    .arail [data-tip].is-open[b-rr6dhqxy4n]::before,
    .arail [data-tip]:active[b-rr6dhqxy4n]::after,
    .arail [data-tip]:active[b-rr6dhqxy4n]::before,
    .arail[data-tip-hold] [data-tip][b-rr6dhqxy4n]::after,
    .arail[data-tip-hold] [data-tip][b-rr6dhqxy4n]::before,
    .arail.is-busy [data-tip][b-rr6dhqxy4n]::after,
    .arail.is-busy [data-tip][b-rr6dhqxy4n]::before,
    .arail.is-docked [data-tip][b-rr6dhqxy4n]::after,
    .arail.is-docked [data-tip][b-rr6dhqxy4n]::before {
        display: none;
    }

@media (prefers-reduced-motion: reduce) {
    .arail-btn[b-rr6dhqxy4n],
    .arail-acct[b-rr6dhqxy4n] {
        transition-duration: 0.01ms;
    }
}

.arail-group[b-rr6dhqxy4n] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    margin: 2px 6px 4px;
    padding: 5px 0 6px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.arail-group-cap[b-rr6dhqxy4n] {
    display: block;
    margin-bottom: 2px;
    font-size: 8.5px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-align: center;
    color: #7E7480;
    user-select: none;
}

.arail-group .arail-btn[b-rr6dhqxy4n] {
    height: 50px;
}

.arail.is-quiet > :not(.arail-brand)[b-rr6dhqxy4n] {
    filter: brightness(0.55) saturate(0.4);
    transition: filter 0.35s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.arail.is-quiet:hover > :not(.arail-brand)[b-rr6dhqxy4n],
.arail.is-quiet:focus-within > :not(.arail-brand)[b-rr6dhqxy4n],
body[data-ainna-tour-at="rail"] .arail.is-quiet > :not(.arail-brand)[b-rr6dhqxy4n] {
    filter: none;
}

@media (prefers-reduced-motion: reduce) {
    .arail.is-quiet > :not(.arail-brand)[b-rr6dhqxy4n] {
        transition-duration: 0.01ms;
    }
}
/* /Components/ProdComponents/AinnaSmartFeedbackForm.razor.rz.scp.css */
.feedback-container[b-dy35yjfzzt] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.bg-pattern[b-dy35yjfzzt] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    background-size: 30px 30px;
}

.feedback-wrapper[b-dy35yjfzzt] {
    flex: 1;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 48px 40px 60px;
    position: relative;
    z-index: 1;
}

.page-header[b-dy35yjfzzt] {
    text-align: center;
    margin-bottom: 48px;
}

.page-title[b-dy35yjfzzt] {
    font-size: 40px;
    font-weight: 800;
    color: var(--text-heading);
    margin-bottom: 12px;
    letter-spacing: -0.5px;
}

.page-subtitle[b-dy35yjfzzt] {
    font-size: 18px;
    color: var(--text-secondary);
}

.feedback-section[b-dy35yjfzzt] {
    background: var(--background-primary);
    border-radius: 20px;
    border: 1px solid var(--border-color);
    padding: 32px 40px;
    margin-bottom: 24px;
}

.section-title[b-dy35yjfzzt] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-heading);
    margin-bottom: 6px;
}

.feedback-sections .feedback-section:first-child .section-title[b-dy35yjfzzt] {
    text-align: center;
}

.section-hint[b-dy35yjfzzt] {
    font-size: 15px;
    color: var(--text-tertiary);
    margin-bottom: 20px;
}

.feedback-sections.inactive[b-dy35yjfzzt] {
    opacity: 0.5;
    pointer-events: none;
    position: relative;
}

    .feedback-sections.inactive[b-dy35yjfzzt]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: transparent;
        z-index: 10;
    }

.emoji-option.disabled[b-dy35yjfzzt],
.pill.disabled[b-dy35yjfzzt] {
    pointer-events: none;
    cursor: default;
}

.feedback-received[b-dy35yjfzzt] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px 32px;
    background: linear-gradient(135deg, rgba(52, 168, 83, 0.08) 0%, rgba(52, 168, 83, 0.03) 100%);
    border: 1px solid rgba(52, 168, 83, 0.25);
    border-radius: 16px;
    margin-bottom: 32px;
    animation: slideIn-b-dy35yjfzzt 0.4s ease;
}

.received-icon[b-dy35yjfzzt] {
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, #34a853 0%, #2d9248 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(52, 168, 83, 0.3);
}

    .received-icon i[b-dy35yjfzzt] {
        font-size: 22px;
        color: white;
    }

.received-content h3[b-dy35yjfzzt] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-heading);
    margin-bottom: 4px;
}

.received-content p[b-dy35yjfzzt] {
    font-size: 15px;
    color: var(--text-secondary);
    margin: 0;
}

.emoji-container[b-dy35yjfzzt] {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 24px;
}

.emoji-option[b-dy35yjfzzt] {
    width: 100px;
    padding: 20px 12px;
    border: 2px solid var(--border-color);
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-align: center;
    background: var(--background-secondary);
}

    .emoji-option:hover[b-dy35yjfzzt] {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px var(--shadow-color-light);
        border-color: var(--accent);
    }

    .emoji-option.selected[b-dy35yjfzzt] {
        background: var(--gradient-primary);
        border-color: transparent;
        transform: scale(1.05);
        box-shadow: 0 8px 28px var(--shadow-color);
    }

    .emoji-option .emoji[b-dy35yjfzzt] {
        font-size: 40px;
        display: block;
        margin-bottom: 8px;
    }

    .emoji-option .label[b-dy35yjfzzt] {
        font-size: 12px;
        color: var(--text-tertiary);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.3px;
    }

    .emoji-option.selected .label[b-dy35yjfzzt] {
        color: white;
    }

.category-pills[b-dy35yjfzzt] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.pill[b-dy35yjfzzt] {
    padding: 12px 20px;
    border-radius: 24px;
    border: 2px solid var(--border-color);
    background: var(--background-primary);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    font-size: 15px;
    font-weight: 600;
}

    .pill:hover[b-dy35yjfzzt] {
        border-color: var(--accent);
        transform: translateY(-2px);
    }

    .pill.selected[b-dy35yjfzzt] {
        background: var(--gradient-button);
        color: white;
        border-color: transparent;
    }

.textarea-wrapper[b-dy35yjfzzt] {
    position: relative;
}

.form-textarea[b-dy35yjfzzt] {
    width: 100%;
    min-height: 160px;
    padding: 18px 20px;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    font-family: var(--font-family-primary);
    font-size: 16px;
    background: var(--background-secondary);
    color: var(--text-primary);
    resize: vertical;
    transition: all 0.2s ease;
    line-height: 1.6;
}

    .form-textarea:focus[b-dy35yjfzzt] {
        outline: none;
        border-color: var(--accent);
        background: var(--background-primary);
        box-shadow: 0 0 0 4px var(--shadow-color-light);
    }

    .form-textarea[b-dy35yjfzzt]::placeholder {
        color: var(--text-tertiary);
    }

    .form-textarea:disabled[b-dy35yjfzzt] {
        opacity: 0.7;
        cursor: not-allowed;
    }

.char-counter[b-dy35yjfzzt] {
    font-size: 13px;
    color: var(--text-tertiary);
    text-align: right;
    margin-top: 8px;
}

    .char-counter.warning[b-dy35yjfzzt] {
        color: var(--primary-yellow);
        font-weight: 500;
    }

.testimonial-wrapper[b-dy35yjfzzt] {
    animation: slideIn-b-dy35yjfzzt 0.5s ease;
}

@keyframes slideIn-b-dy35yjfzzt {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.testimonial-divider[b-dy35yjfzzt] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 32px;
}

    .testimonial-divider[b-dy35yjfzzt]::before,
    .testimonial-divider[b-dy35yjfzzt]::after {
        content: '';
        flex: 1;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--border-color), transparent);
    }

    .testimonial-divider span[b-dy35yjfzzt] {
        font-size: 14px;
        font-weight: 600;
        color: var(--text-tertiary);
        text-transform: uppercase;
        letter-spacing: 1px;
        white-space: nowrap;
    }

.testimonial-section[b-dy35yjfzzt] {
    padding: 40px 48px;
    margin-bottom: 24px;
}

.testimonial-header[b-dy35yjfzzt] {
    text-align: center;
    margin-bottom: 32px;
}

.testimonial-badge[b-dy35yjfzzt] {
    display: inline-block;
    padding: 6px 14px;
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.15) 0%, rgba(255, 193, 7, 0.08) 100%);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #b8860b;
    margin-bottom: 16px;
}

.testimonial-header .section-title[b-dy35yjfzzt] {
    text-align: center;
    font-size: 24px;
    margin-bottom: 8px;
}

.testimonial-header .section-hint[b-dy35yjfzzt] {
    text-align: center;
    font-size: 16px;
    margin-bottom: 0;
}

.testimonial-form[b-dy35yjfzzt] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 32px;
}

.field-group[b-dy35yjfzzt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-label[b-dy35yjfzzt] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.field-input[b-dy35yjfzzt] {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    font-family: var(--font-family-primary);
    font-size: 15px;
    background: var(--background-secondary);
    color: var(--text-primary);
    transition: all 0.2s ease;
}

    .field-input:focus[b-dy35yjfzzt] {
        outline: none;
        border-color: var(--accent);
        background: var(--background-primary);
        box-shadow: 0 0 0 3px var(--shadow-color-light);
    }

    .field-input[b-dy35yjfzzt]::placeholder {
        color: var(--text-tertiary);
    }

    .field-input.title-input[b-dy35yjfzzt] {
        font-size: 20px;
        font-weight: 700;
        padding: 16px 18px;
    }

.field-textarea[b-dy35yjfzzt] {
    width: 100%;
    min-height: 120px;
    padding: 16px 18px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    font-family: var(--font-family-primary);
    font-size: 15px;
    background: var(--background-secondary);
    color: var(--text-primary);
    resize: vertical;
    transition: all 0.2s ease;
    line-height: 1.6;
}

    .field-textarea:focus[b-dy35yjfzzt] {
        outline: none;
        border-color: var(--accent);
        background: var(--background-primary);
        box-shadow: 0 0 0 3px var(--shadow-color-light);
    }

    .field-textarea[b-dy35yjfzzt]::placeholder {
        color: var(--text-tertiary);
    }

.signature-fields[b-dy35yjfzzt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.consent-checkbox[b-dy35yjfzzt] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    cursor: pointer;
    padding: 16px 20px;
    background: var(--background-secondary);
    border-radius: 12px;
    transition: background 0.2s ease;
    margin-top: 4px;
}

    .consent-checkbox:hover[b-dy35yjfzzt] {
        background: var(--background-tertiary);
    }

    .consent-checkbox input[type="checkbox"][b-dy35yjfzzt] {
        position: absolute;
        opacity: 0;
    }

    .consent-checkbox .checkbox-custom[b-dy35yjfzzt] {
        width: 22px;
        height: 22px;
        border: 2px solid var(--border-color);
        border-radius: 5px;
        background: var(--background-primary);
        transition: all 0.2s ease;
        flex-shrink: 0;
        margin-top: 1px;
        position: relative;
    }

    .consent-checkbox input:checked ~ .checkbox-custom[b-dy35yjfzzt] {
        background: var(--accent);
        border-color: var(--accent);
    }

    .consent-checkbox .checkbox-custom[b-dy35yjfzzt]::after {
        content: '';
        position: absolute;
        display: none;
        left: 6px;
        top: 2px;
        width: 6px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .consent-checkbox input:checked ~ .checkbox-custom[b-dy35yjfzzt]::after {
        display: block;
    }

    .consent-checkbox .checkbox-label[b-dy35yjfzzt] {
        font-size: 15px;
        color: var(--text-secondary);
        line-height: 1.5;
    }

.preview-section[b-dy35yjfzzt] {
    margin-top: 8px;
}

.preview-label[b-dy35yjfzzt] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

    .preview-label i[b-dy35yjfzzt] {
        font-size: 14px;
        color: var(--accent);
    }

.preview-card[b-dy35yjfzzt] {
    position: relative;
    background: var(--gradient-primary);
    border-radius: 24px;
    padding: 36px 40px;
    color: white;
    overflow: hidden;
    box-shadow: 0 8px 32px var(--shadow-color);
}

    .preview-card[b-dy35yjfzzt]::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 200px;
        height: 200px;
        background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
        transform: translate(30%, -30%);
    }

.preview-quote-mark[b-dy35yjfzzt] {
    position: absolute;
    top: 16px;
    left: 24px;
    font-size: 100px;
    font-family: Georgia, serif;
    color: rgba(255, 255, 255, 0.12);
    line-height: 1;
    pointer-events: none;
}

.preview-title[b-dy35yjfzzt] {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 16px;
    text-transform: capitalize;
    line-height: 1.2;
    position: relative;
}

.preview-quote[b-dy35yjfzzt] {
    font-size: 16px;
    line-height: 1.7;
    opacity: 0.95;
    margin-bottom: 24px;
    position: relative;
}

.preview-author[b-dy35yjfzzt] {
    display: flex;
    align-items: center;
    gap: 14px;
    position: relative;
}

.preview-avatar[b-dy35yjfzzt] {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    flex-shrink: 0;
}

.preview-author-info[b-dy35yjfzzt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.preview-name[b-dy35yjfzzt] {
    font-size: 15px;
    font-weight: 700;
}

.preview-role[b-dy35yjfzzt] {
    font-size: 13px;
    opacity: 0.8;
}

.submit-section[b-dy35yjfzzt] {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 8px;
}

    .submit-section.centered[b-dy35yjfzzt] {
        justify-content: center;
    }

.testimonial-actions[b-dy35yjfzzt] {
    margin-top: 0;
}

.btn-primary[b-dy35yjfzzt],
.btn-secondary[b-dy35yjfzzt],
.btn-ghost[b-dy35yjfzzt] {
    padding: 16px 32px;
    border-radius: 12px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--font-family-primary);
}

.btn-primary[b-dy35yjfzzt] {
    background: var(--gradient-button);
    color: white;
    min-width: 180px;
}

    .btn-primary:hover:not(:disabled)[b-dy35yjfzzt] {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px var(--shadow-color);
    }

    .btn-primary:disabled[b-dy35yjfzzt] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .btn-primary.loading[b-dy35yjfzzt] {
        opacity: 0.8;
    }

.btn-secondary[b-dy35yjfzzt] {
    background: transparent;
    color: var(--text-secondary);
    border: 2px solid var(--border-color);
}

    .btn-secondary:hover[b-dy35yjfzzt] {
        background: var(--background-secondary);
        border-color: var(--border-strong);
    }

.btn-ghost[b-dy35yjfzzt] {
    background: transparent;
    color: var(--text-tertiary);
    padding: 16px 24px;
}

    .btn-ghost:hover[b-dy35yjfzzt] {
        color: var(--text-secondary);
        background: var(--background-secondary);
    }

.thank-you-state[b-dy35yjfzzt] {
    text-align: center;
    padding: 120px 20px;
}

.thank-you-icon[b-dy35yjfzzt] {
    width: 110px;
    height: 110px;
    background: var(--gradient-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 36px;
    animation: popIn-b-dy35yjfzzt 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes popIn-b-dy35yjfzzt {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.thank-you-icon i[b-dy35yjfzzt] {
    color: white;
    font-size: 50px;
}

.thank-you-title[b-dy35yjfzzt] {
    font-size: 48px;
    font-weight: 800;
    color: var(--text-heading);
    margin-bottom: 16px;
    letter-spacing: -0.5px;
}

.thank-you-message[b-dy35yjfzzt] {
    font-size: 19px;
    color: var(--text-secondary);
    margin-bottom: 44px;
    line-height: 1.5;
}

.thank-you-state .btn-primary[b-dy35yjfzzt] {
    display: inline-flex;
    padding: 18px 40px;
    font-size: 17px;
}

.spinner-small[b-dy35yjfzzt] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-dy35yjfzzt 0.8s linear infinite;
}

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

.notification[b-dy35yjfzzt] {
    position: fixed;
    top: 24px;
    right: 24px;
    padding: 16px 20px;
    background: var(--background-primary);
    border-radius: 12px;
    box-shadow: 0 4px 24px var(--shadow-color);
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 1000;
    transform: translateX(400px);
    transition: transform 0.3s ease;
    border: 1px solid var(--border-color);
}

    .notification.show[b-dy35yjfzzt] {
        transform: translateX(0);
    }

    .notification.success i[b-dy35yjfzzt] {
        color: var(--primary-green);
        font-size: 20px;
    }

    .notification.error i[b-dy35yjfzzt] {
        color: var(--primary-red);
        font-size: 20px;
    }

@media (max-width: 768px) {
    .feedback-wrapper[b-dy35yjfzzt] {
        padding: 40px 24px 60px;
    }

    .feedback-section[b-dy35yjfzzt] {
        padding: 28px 28px;
    }

    .testimonial-section[b-dy35yjfzzt] {
        padding: 32px 28px;
    }

    .signature-fields[b-dy35yjfzzt] {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .emoji-container[b-dy35yjfzzt] {
        gap: 12px;
    }

    .emoji-option[b-dy35yjfzzt] {
        width: 80px;
        padding: 16px 10px;
    }

        .emoji-option .emoji[b-dy35yjfzzt] {
            font-size: 32px;
        }

        .emoji-option .label[b-dy35yjfzzt] {
            font-size: 10px;
        }

    .feedback-received[b-dy35yjfzzt] {
        padding: 20px 24px;
    }

    .received-icon[b-dy35yjfzzt] {
        width: 44px;
        height: 44px;
    }

        .received-icon i[b-dy35yjfzzt] {
            font-size: 18px;
        }

    .preview-card[b-dy35yjfzzt] {
        padding: 28px 32px;
    }

    .preview-title[b-dy35yjfzzt] {
        font-size: 24px;
    }

    .preview-quote[b-dy35yjfzzt] {
        font-size: 15px;
    }

    .preview-quote-mark[b-dy35yjfzzt] {
        font-size: 70px;
    }
}

@media (max-width: 480px) {
    .feedback-wrapper[b-dy35yjfzzt] {
        padding: 32px 16px 50px;
    }

    .page-title[b-dy35yjfzzt] {
        font-size: 28px;
    }

    .page-subtitle[b-dy35yjfzzt] {
        font-size: 16px;
    }

    .feedback-section[b-dy35yjfzzt] {
        padding: 24px 20px;
        border-radius: 16px;
    }

    .testimonial-section[b-dy35yjfzzt] {
        padding: 28px 20px;
    }

    .section-title[b-dy35yjfzzt] {
        font-size: 18px;
    }

    .testimonial-header .section-title[b-dy35yjfzzt] {
        font-size: 20px;
    }

    .signature-fields[b-dy35yjfzzt] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .emoji-container[b-dy35yjfzzt] {
        gap: 8px;
        flex-wrap: wrap;
    }

    .emoji-option[b-dy35yjfzzt] {
        width: 60px;
        padding: 12px 8px;
    }

        .emoji-option .emoji[b-dy35yjfzzt] {
            font-size: 24px;
        }

        .emoji-option .label[b-dy35yjfzzt] {
            font-size: 9px;
        }

    .form-textarea[b-dy35yjfzzt] {
        min-height: 140px;
        font-size: 15px;
        padding: 16px;
    }

    .field-input.title-input[b-dy35yjfzzt] {
        font-size: 18px;
    }

    .pill[b-dy35yjfzzt] {
        padding: 10px 16px;
        font-size: 14px;
    }

    .submit-section[b-dy35yjfzzt] {
        flex-direction: column;
    }

    .btn-primary[b-dy35yjfzzt],
    .btn-secondary[b-dy35yjfzzt],
    .btn-ghost[b-dy35yjfzzt] {
        width: 100%;
    }

    .btn-secondary[b-dy35yjfzzt],
    .btn-ghost[b-dy35yjfzzt] {
        order: 2;
    }

    .preview-card[b-dy35yjfzzt] {
        padding: 24px 20px;
        border-radius: 18px;
    }

    .preview-title[b-dy35yjfzzt] {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .preview-quote[b-dy35yjfzzt] {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .preview-quote-mark[b-dy35yjfzzt] {
        font-size: 50px;
        top: 10px;
        left: 14px;
    }

    .preview-avatar[b-dy35yjfzzt] {
        width: 38px;
        height: 38px;
        font-size: 13px;
    }

    .preview-name[b-dy35yjfzzt] {
        font-size: 14px;
    }

    .preview-role[b-dy35yjfzzt] {
        font-size: 12px;
    }

    .thank-you-title[b-dy35yjfzzt] {
        font-size: 32px;
    }

    .thank-you-message[b-dy35yjfzzt] {
        font-size: 16px;
    }
}
/* /Components/ProdComponents/AinnaSmartPricingOptions.razor.rz.scp.css */
.pricing-page[b-gvhu48j4k4] {
    --color-card: var(--text-heading);
    --color-pkg-bg: rgba(180, 160, 140, 0.04);
    --color-sub-bg: rgba(180, 160, 140, 0.04);
    --page-surface: var(--background-secondary);
    min-height: 100vh;
    background: var(--page-surface);
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    font-family: var(--font-family-primary);
}


.bg-grain[b-gvhu48j4k4] {
    position: fixed;
    inset: 0;
    opacity: 0.15;
    pointer-events: none;
    z-index: 0;
    background-image: radial-gradient(ellipse 800px 600px at 5% 12%, color-mix(in srgb, var(--accent) 4%, transparent), transparent), radial-gradient(ellipse 600px 500px at 92% 50%, color-mix(in srgb, var(--accent) 3%, transparent), transparent), radial-gradient(circle, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 22px 22px;
}

.pricing-wrapper[b-gvhu48j4k4] {
    margin: 0;
    padding: 0 40px 80px;
    position: relative;
    z-index: 1;
}

.pricing-hero[b-gvhu48j4k4] {
    position: relative;
    margin: 0 -40px;
    margin-bottom: 16px;
}

    .pricing-hero[b-gvhu48j4k4]::before {
        content: "";
        position: absolute;
        top: -60px;
        left: 50%;
        transform: translateX(-50%);
        width: 900px;
        height: 600px;
        border-radius: 50%;
        background: radial-gradient(circle, color-mix(in srgb, var(--accent) 5%, transparent) 0%, transparent 60%);
        pointer-events: none;
        z-index: -1;
    }

.hero-inner[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    background: none;
    overflow: hidden;
}

.hero-headline[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 52px 64px 24px;
    max-width: 1320px;
    margin: 0 auto;
    width: 100%;
}

.pricing-title[b-gvhu48j4k4] {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 46px;
    font-weight: 800;
    color: var(--text-heading);
    margin: 0 0 12px 0;
    letter-spacing: -1.6px;
    line-height: 1.08;
}


.pricing-subtitle[b-gvhu48j4k4] {
    font-size: 18px;
    color: var(--text-secondary);
    margin: 0 auto;
    line-height: 1.65;
    max-width: 680px;
    font-weight: 400;
    letter-spacing: -0.15px;
}

.pricing-current[b-gvhu48j4k4] {
    margin: 14px 0 0 0;
    font-size: 13px;
    color: var(--text-tertiary);
    font-weight: 500;
}

    .pricing-current strong[b-gvhu48j4k4] {
        color: var(--text-secondary);
        font-weight: 700;
    }

.pricing-current-state[b-gvhu48j4k4] {
    display: inline-block;
    margin-left: 6px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 7px;
    border-radius: 5px;
    background: color-mix(in srgb, #10b981 13%, transparent);
    color: #059669;
    vertical-align: middle;
}

.pricing-current.is-expired .pricing-current-state[b-gvhu48j4k4] {
    background: color-mix(in srgb, var(--text-heading) 6%, transparent);
    color: var(--text-tertiary);
}








.section-header[b-gvhu48j4k4] {
    text-align: center;
    margin-bottom: 52px;
}

.section-title[b-gvhu48j4k4] {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--text-heading);
    letter-spacing: -1.2px;
    margin: 0 0 14px 0;
    line-height: 1.15;
}

.section-title-pill[b-gvhu48j4k4] {
    display: inline-block;
    padding: 10px 28px;
    border-radius: 50px;
    background: var(--background-primary);
    border: 1.5px solid color-mix(in srgb, var(--accent) 16%, transparent);
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    font-size: 18px;
    margin-bottom: 20px;
}



.plans-section[b-gvhu48j4k4] {
    max-width: 1320px;
    margin: 0 auto 72px;
    padding: 8px 0 0;
}

.plans-panel[b-gvhu48j4k4] {
    padding-bottom: 64px;
}

.pv2-sprints[b-gvhu48j4k4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.pv2-sprint-card[b-gvhu48j4k4] {
    position: relative;
    padding: 36px 32px 32px;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 20px;
    transition: border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);
}

    .pv2-sprint-card:hover[b-gvhu48j4k4] {
        border-color: color-mix(in srgb, var(--text-heading) 25%, transparent);
        box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06);
        transform: translateY(-2px);
    }

.pv2-sprint-card--popular[b-gvhu48j4k4] {
    border-color: color-mix(in srgb, var(--text-heading) 25%, transparent);
}

    .pv2-sprint-card--popular:hover[b-gvhu48j4k4] {
        box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
    }

.pv2-card--current[b-gvhu48j4k4] {
    border-color: color-mix(in srgb, var(--accent) 30%, transparent);
}

.pv2-sprint-popular-badge[b-gvhu48j4k4] {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 3px 14px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    background: var(--text-heading);
    border-radius: 50px;
    white-space: nowrap;
}

.pv2-current-badge[b-gvhu48j4k4] {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 3px 14px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
    background: var(--background-primary);
    border: 2px solid var(--accent);
    border-radius: 50px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

    .pv2-current-badge i[b-gvhu48j4k4] {
        font-size: 9px;
    }

.pv2-sprint-watermark[b-gvhu48j4k4] {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 80px;
    color: rgba(0, 0, 0, 0.03);
    z-index: 0;
    pointer-events: none;
    line-height: 1;
    transition: color 0.4s ease, transform 0.4s ease;
}

.pv2-sprint-card:hover .pv2-sprint-watermark[b-gvhu48j4k4] {
    color: rgba(0, 0, 0, 0.05);
    transform: scale(1.04);
}

.pv2-sprint-header[b-gvhu48j4k4] {
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
    text-align: left;
}

.pv2-sprint-name[b-gvhu48j4k4] {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 1.45rem;
    font-weight: 800;
    color: var(--text-heading);
    line-height: 1.2;
    margin: 0 0 6px 0;
    letter-spacing: -0.03em;
}

.pv2-sprint-for[b-gvhu48j4k4] {
    font-size: 0.82rem;
    color: var(--text-tertiary);
    line-height: 1.45;
    display: block;
}

.pv2-price-stripe[b-gvhu48j4k4] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-color);
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
}

.pv2-price-amount[b-gvhu48j4k4] {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--text-heading);
    letter-spacing: -0.04em;
    line-height: 1;
}

.pv2-price-detail[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.pv2-price-qty[b-gvhu48j4k4] {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--text-heading);
    line-height: 1.2;
}

.pv2-price-period[b-gvhu48j4k4] {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--text-tertiary);
    line-height: 1.2;
}

.pv2-annual-note[b-gvhu48j4k4] {
    width: 100%;
    text-align: left;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-tertiary);
    letter-spacing: 0.01em;
    line-height: 1;
    height: 14px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

    .pv2-annual-note.visible[b-gvhu48j4k4] {
        opacity: 1;
    }

.pv2-annual-save[b-gvhu48j4k4] {
    color: #059669;
    font-weight: 700;
}

.pv2-sprint-lists[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-grow: 1;
    margin-bottom: 0;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}

.pv2-sprint-list-group[b-gvhu48j4k4] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: flex-start;
    align-content: flex-start;
}

    .pv2-sprint-list-group + .pv2-sprint-list-group[b-gvhu48j4k4] {
        margin-top: 6px;
    }

.pv2-sprint-list-label[b-gvhu48j4k4] {
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-secondary);
    width: 100%;
    margin-bottom: 4px;
}

.pv2-sprint-list-item[b-gvhu48j4k4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--text-secondary);
    padding: 5px 12px;
    background: var(--background-secondary);
    border: 1px solid var(--border-color);
    border-radius: 50px;
    line-height: 1.3;
    transition: background 0.25s ease, transform 0.2s ease;
}

.pv2-pill-icon[b-gvhu48j4k4] {
    font-size: 9px;
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.pv2-sprint-list-item:hover[b-gvhu48j4k4] {
    background: color-mix(in srgb, var(--text-heading) 6%, transparent);
    transform: translateY(-1px);
}

.pv2-sprint-list-group:last-child .pv2-sprint-list-item[b-gvhu48j4k4] {
    color: var(--text-secondary);
    background: var(--background-primary);
    border: 1px solid var(--border-color);
}

    .pv2-sprint-list-group:last-child .pv2-sprint-list-item:hover[b-gvhu48j4k4] {
        background: var(--background-secondary);
        transform: translateY(-1px);
    }

.pv2-card-cta[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 28px;
    border-top: 1px solid var(--border-color);
    position: relative;
    z-index: 1;
}

.pv2-cta-btn[b-gvhu48j4k4] {
    width: 100%;
    padding: 13px 20px;
    border-radius: 12px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--accent);
    color: white;
}

    .pv2-cta-btn:hover[b-gvhu48j4k4] {
        transform: translateY(-1px);
        box-shadow: 0 8px 32px color-mix(in srgb, var(--accent) 40%, transparent);
        filter: brightness(1.08);
    }



    .pv2-cta-btn.pv2-cta-btn--current[b-gvhu48j4k4] {
        background: var(--background-secondary);
        border: 1px solid var(--border-color);
        color: var(--text-tertiary);
        cursor: default;
    }

        .pv2-cta-btn.pv2-cta-btn--current:hover[b-gvhu48j4k4] {
            transform: none;
            filter: none;
            box-shadow: none;
        }

    .pv2-cta-btn:disabled[b-gvhu48j4k4] {
        opacity: 0.6;
        cursor: not-allowed;
    }

        .pv2-cta-btn:disabled:hover[b-gvhu48j4k4] {
            transform: none;
            box-shadow: none;
        }

.pv2-cta-note[b-gvhu48j4k4] {
    font-size: 11px;
    color: var(--text-tertiary);
    text-align: center;
    font-style: italic;
}












.billing-toggle-row[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
}

    .billing-toggle-row .billing-toggle[b-gvhu48j4k4] {
        margin-top: 0;
    }

    .billing-toggle-row .toggle-btn[b-gvhu48j4k4] {
        padding: 8px 20px;
        font-size: 12px;
    }





.enterprise-section[b-gvhu48j4k4] {
    max-width: 1320px;
    margin: 0 auto 72px;
    padding: 64px 64px 56px;
    background: var(--background-primary);
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 28px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 4px 8px rgba(0,0,0,0.03), 0 12px 24px rgba(0,0,0,0.03), 0 24px 48px rgba(0,0,0,0.02);
    position: relative;
    overflow: hidden;
}











@keyframes msgSlideIn-b-gvhu48j4k4 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.billing-toggle[b-gvhu48j4k4] {
    display: inline-flex;
    background: var(--background-secondary);
    border-radius: 14px;
    padding: 5px;
    margin-top: 32px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
}

.toggle-btn[b-gvhu48j4k4] {
    padding: 12px 28px;
    border: none;
    border-radius: 10px;
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    background: transparent;
    color: var(--text-tertiary);
    transition: all 0.25s ease;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .toggle-btn:hover[b-gvhu48j4k4] {
        color: var(--text-primary);
    }

    .toggle-btn.active[b-gvhu48j4k4] {
        background: var(--background-primary);
        color: var(--text-heading);
        box-shadow: 0 2px 8px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    }

.save-tag[b-gvhu48j4k4] {
    font-size: 9px;
    font-weight: 700;
    padding: 3px 7px;
    border-radius: 5px;
    background: var(--accent);
    color: white;
    letter-spacing: 0.3px;
}

.pkg-btn[b-gvhu48j4k4] {
    width: 100%;
    padding: 14px 20px;
    border-radius: 12px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--accent);
    color: white;
}

    .pkg-btn:hover[b-gvhu48j4k4] {
        transform: translateY(-1px);
        box-shadow: 0 6px 24px color-mix(in srgb, var(--accent) 30%, transparent);
        filter: brightness(1.06);
    }

    .pkg-btn.btn-accent[b-gvhu48j4k4] {
        background: var(--accent);
        color: white;
    }

        .pkg-btn.btn-accent:hover[b-gvhu48j4k4] {
            box-shadow: 0 8px 32px color-mix(in srgb, var(--accent) 40%, transparent);
            filter: brightness(1.08);
        }


    .pkg-btn:disabled[b-gvhu48j4k4] {
        opacity: 0.6;
        cursor: not-allowed;
    }

        .pkg-btn:disabled:hover[b-gvhu48j4k4] {
            transform: none;
            filter: none;
            box-shadow: none;
        }






.enterprise-two-col[b-gvhu48j4k4] {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 64px;
    align-items: start;
    position: relative;
    z-index: 1;
}

.enterprise-left[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
}

.enterprise-label[b-gvhu48j4k4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--accent);
    margin-bottom: 16px;
}

    .enterprise-label i[b-gvhu48j4k4] {
        font-size: 10px;
    }

.enterprise-title[b-gvhu48j4k4] {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: var(--text-heading);
    margin: 0 0 4px 0;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

.enterprise-tagline[b-gvhu48j4k4] {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--accent);
    margin: 0 0 20px 0;
    letter-spacing: -0.2px;
}

.enterprise-subtitle[b-gvhu48j4k4] {
    font-size: 14px;
    color: var(--text-secondary);
    margin: 0 0 12px 0;
    line-height: 1.7;
}

    .enterprise-subtitle:last-child[b-gvhu48j4k4] {
        margin-bottom: 0;
    }

.enterprise-right[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.enterprise-cap-group[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

    .enterprise-cap-group:first-of-type[b-gvhu48j4k4] {
        margin-top: 0;
    }

.enterprise-cap-label[b-gvhu48j4k4] {
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-secondary);
}

.enterprise-pills[b-gvhu48j4k4] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.enterprise-pill[b-gvhu48j4k4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--text-heading);
    padding: 5px 12px;
    background: var(--background-primary);
    border: 1px solid color-mix(in srgb, var(--accent) 16%, transparent);
    border-radius: 50px;
    line-height: 1.3;
    transition: background 0.2s ease, transform 0.2s ease;
}

    .enterprise-pill i[b-gvhu48j4k4] {
        font-size: 9px;
        color: color-mix(in srgb, var(--accent) 70%, var(--text-heading));
    }

    .enterprise-pill:hover[b-gvhu48j4k4] {
        background: color-mix(in srgb, var(--accent) 5%, transparent);
        transform: translateY(-1px);
    }

.efc[b-gvhu48j4k4] {
    background: color-mix(in srgb, var(--text-heading) 2%, var(--background-primary));
    border: 1px solid color-mix(in srgb, var(--text-heading) 8%, transparent);
    border-radius: 16px;
    padding: 28px 24px 24px;
}

.efc-header[b-gvhu48j4k4] {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--text-heading) 6%, transparent);
}

.efc-title[b-gvhu48j4k4] {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-heading);
    margin: 0 0 4px 0;
    letter-spacing: -0.3px;
}

.efc-desc[b-gvhu48j4k4] {
    font-size: 12px;
    color: var(--text-tertiary);
    margin: 0;
}

.efc-fields[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 16px;
}

.efc-field[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.efc-label[b-gvhu48j4k4] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary);
    letter-spacing: 0.02em;
}

.efc-pair[b-gvhu48j4k4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

[b-gvhu48j4k4] .efc .efc-input {
    width: 100%;
    padding: 10px 12px;
    border: 1.5px solid color-mix(in srgb, var(--text-heading) 12%, transparent);
    border-radius: 10px;
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-heading);
    background: var(--background-primary);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
}

    [b-gvhu48j4k4] .efc .efc-input::placeholder {
        color: var(--text-tertiary);
        font-weight: 400;
        opacity: 0.7;
    }

    [b-gvhu48j4k4] .efc .efc-input:hover {
        border-color: color-mix(in srgb, var(--text-heading) 22%, transparent);
    }

    [b-gvhu48j4k4] .efc .efc-input:focus {
        border-color: var(--accent);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent);
    }

[b-gvhu48j4k4] .efc .efc-select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-color: var(--background-primary);
    padding-right: 32px;
}

    [b-gvhu48j4k4] .efc .efc-select:focus {
        background-color: var(--background-primary);
    }

    [b-gvhu48j4k4] .efc .efc-select option {
        font-family: 'DM Sans', sans-serif;
        font-size: 13px;
        padding: 8px;
    }

[b-gvhu48j4k4] .efc .efc-textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 72px;
    max-height: 144px;
    resize: vertical;
    line-height: 1.55;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.efc-submit[b-gvhu48j4k4] {
    width: 100%;
    padding: 11px 20px;
    border-radius: 10px;
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--accent);
    color: white;
}

    .efc-submit:hover[b-gvhu48j4k4] {
        filter: brightness(1.08);
        box-shadow: 0 4px 16px color-mix(in srgb, var(--accent) 30%, transparent);
        transform: translateY(-1px);
    }

    .efc-submit:disabled[b-gvhu48j4k4] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
        filter: none;
        box-shadow: none;
    }

.efc-error[b-gvhu48j4k4] {
    font-size: 12px;
    color: #dc2626;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .efc-error i[b-gvhu48j4k4] {
        font-size: 11px;
    }

.efc-success[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 300px;
}

.success-icon[b-gvhu48j4k4] {
    width: 64px;
    height: 64px;
    background: var(--accent);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    color: white;
    font-size: 24px;
    box-shadow: 0 4px 16px color-mix(in srgb, var(--accent) 18%, transparent);
}

.referral-section[b-gvhu48j4k4] {
    max-width: 1320px;
    margin: 0 auto 72px;
    padding: 64px 64px 52px;
    background: color-mix(in srgb, var(--accent) 2%, var(--background-primary));
    border: 1.5px solid color-mix(in srgb, var(--accent) 12%, transparent);
    border-radius: 28px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 4px 8px rgba(0,0,0,0.03), 0 12px 24px rgba(0,0,0,0.03), 0 24px 48px rgba(0,0,0,0.02);
}

    .referral-section[b-gvhu48j4k4]::before {
        content: "";
        position: absolute;
        top: -80px;
        right: -80px;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        background: color-mix(in srgb, var(--accent) 4%, transparent);
        pointer-events: none;
    }

.referral-inner[b-gvhu48j4k4] {
    padding: 0;
    max-width: 100%;
    margin: 0;
    position: relative;
}

.referral-headline[b-gvhu48j4k4] {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.referral-badge[b-gvhu48j4k4] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 16px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--accent);
    background: color-mix(in srgb, var(--accent) 6%, transparent);
    margin-bottom: 16px;
}

    .referral-badge i[b-gvhu48j4k4] {
        font-size: 12px;
    }

.referral-title[b-gvhu48j4k4] {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: var(--text-heading);
    letter-spacing: -1.5px;
    margin: 0 0 12px 0;
    line-height: 1.1;
}

.referral-desc[b-gvhu48j4k4] {
    font-size: 14.5px;
    color: var(--text-secondary);
    line-height: 1.65;
    max-width: 520px;
    margin: 0 auto;
}

.referral-expand-btn[b-gvhu48j4k4] {
    margin: 24px auto 0;
    display: flex;
    width: auto;
    padding: 10px 24px;
    font-size: 13px;
    gap: 8px;
}

    .referral-expand-btn i[b-gvhu48j4k4] {
        font-size: 10px;
        transition: transform 0.3s ease;
    }

.referral-expandable[b-gvhu48j4k4] {
    display: none;
}

    .referral-expandable.expanded[b-gvhu48j4k4] {
        display: block;
        animation: fadeSlideIn 0.3s ease;
    }

.referral-body[b-gvhu48j4k4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: stretch;
    max-width: 880px;
    margin: 0 auto;
}

.referral-ladder-col[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 20px;
    padding: 28px 28px 32px;
}

.referral-ladder-label[b-gvhu48j4k4] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text-tertiary);
    margin-bottom: 20px;
}

.referral-ladder[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
}

.ladder-step[b-gvhu48j4k4] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    z-index: 1;
    width: 100%;
}

.ladder-marker[b-gvhu48j4k4] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--background-primary);
    border: 2px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 14px;
    color: var(--text-tertiary);
}

    .ladder-marker i[b-gvhu48j4k4] {
        font-size: 14px;
    }

    .ladder-marker span[b-gvhu48j4k4] {
        font-family: 'DM Sans', sans-serif;
        font-weight: 800;
        letter-spacing: -0.5px;
    }

    .ladder-marker.ladder-m1[b-gvhu48j4k4] {
        border-color: color-mix(in srgb, var(--accent) 20%, var(--border-color));
    }

        .ladder-marker.ladder-m1 span[b-gvhu48j4k4] {
            color: color-mix(in srgb, var(--accent) 35%, var(--text-secondary));
        }

    .ladder-marker.ladder-m2[b-gvhu48j4k4] {
        border-color: color-mix(in srgb, var(--accent) 30%, var(--border-color));
    }

        .ladder-marker.ladder-m2 span[b-gvhu48j4k4] {
            color: color-mix(in srgb, var(--accent) 40%, var(--text-secondary));
        }

    .ladder-marker.ladder-m3[b-gvhu48j4k4] {
        border-color: color-mix(in srgb, var(--accent) 40%, var(--border-color));
    }

        .ladder-marker.ladder-m3 span[b-gvhu48j4k4] {
            color: color-mix(in srgb, var(--accent) 55%, var(--text-heading));
        }

.ladder-content[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-top: 8px;
}

.ladder-title[b-gvhu48j4k4] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-heading);
}

.ladder-reward[b-gvhu48j4k4] {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--accent);
    letter-spacing: -0.2px;
}

.ladder-desc[b-gvhu48j4k4] {
    font-size: 12px;
    color: var(--text-tertiary);
    line-height: 1.55;
    margin-top: 2px;
}

.ladder-connector[b-gvhu48j4k4] {
    width: 2px;
    height: 20px;
    background: var(--border-color);
    margin-left: 19px;
    border-radius: 1px;
}

.referral-fellow-col[b-gvhu48j4k4] {
    display: flex;
    align-items: stretch;
}

.fellow-card[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 32px 28px;
    border-radius: 20px;
    background: var(--background-primary);
    border: 1.5px solid color-mix(in srgb, var(--accent) 18%, transparent);
    box-shadow: 0 4px 20px color-mix(in srgb, var(--accent) 6%, transparent);
}

.fellow-card-header[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid color-mix(in srgb, var(--accent) 10%, transparent);
}

.fellow-icon[b-gvhu48j4k4] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--accent) 8%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}

    .fellow-icon i[b-gvhu48j4k4] {
        font-size: 22px;
        color: var(--accent);
    }

.fellow-label[b-gvhu48j4k4] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--text-tertiary);
}

.fellow-title[b-gvhu48j4k4] {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: var(--text-heading);
    letter-spacing: -0.6px;
    margin: 0;
}

.fellow-discount[b-gvhu48j4k4] {
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: var(--accent);
    letter-spacing: -0.5px;
}

.fellow-perks[b-gvhu48j4k4] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

    .fellow-perks li[b-gvhu48j4k4] {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 13px;
        font-weight: 500;
        color: var(--text-secondary);
        line-height: 1.5;
    }

        .fellow-perks li i[b-gvhu48j4k4] {
            width: 16px;
            text-align: center;
            flex-shrink: 0;
            font-size: 12px;
            color: var(--accent);
            opacity: 0.7;
        }

.referral-action[b-gvhu48j4k4] {
    max-width: 880px;
    margin: 36px auto 0;
    padding: 24px 28px;
    border-radius: 14px;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
}

.referral-code-row[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.referral-code-label[b-gvhu48j4k4] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--text-tertiary);
}

.referral-code-box[b-gvhu48j4k4] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.referral-code-url[b-gvhu48j4k4] {
    flex: 1;
    font-size: 17px;
    font-weight: 600;
    color: var(--text-tertiary);
    padding: 0;
    border-radius: 0;
    background: none;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
}

.referral-copy-btn[b-gvhu48j4k4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    border-radius: 8px;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    background: var(--accent);
    color: white;
}

    .referral-copy-btn:hover[b-gvhu48j4k4] {
        filter: brightness(1.1);
        transform: translateY(-1px);
        box-shadow: 0 4px 16px color-mix(in srgb, var(--accent) 25%, transparent);
    }

    .referral-copy-btn.copied[b-gvhu48j4k4] {
        background: var(--accent);
        color: white;
    }

    .referral-copy-btn i[b-gvhu48j4k4] {
        font-size: 11px;
    }

.referral-action-cta[b-gvhu48j4k4] {
    font-size: 14px;
    color: var(--text-secondary);
    margin: 0;
    text-align: center;
    font-weight: 500;
}





.referral-footer[b-gvhu48j4k4] {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid color-mix(in srgb, var(--accent) 6%, transparent);
    text-align: center;
}

.referral-fine[b-gvhu48j4k4] {
    font-size: 12px;
    color: var(--text-tertiary);
    margin: 0;
    line-height: 1.55;
}

.faq-section[b-gvhu48j4k4] {
    max-width: 1320px;
    margin: 0 auto 72px;
    padding: 48px 48px 40px;
    background: color-mix(in srgb, var(--text-heading) 2%, transparent);
    border: 1px solid color-mix(in srgb, var(--text-heading) 5%, transparent);
    border-radius: 24px;
}

    .faq-section .section-header[b-gvhu48j4k4] {
        margin-bottom: 28px;
    }

.faq-grid[b-gvhu48j4k4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 32px;
    align-items: start;
}

.faq-col[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
}

.faq-item[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 20px 32px;
    border-bottom: 1px solid color-mix(in srgb, var(--text-heading) 6%, transparent);
    transition: background 0.15s ease;
}

    .faq-item:first-child[b-gvhu48j4k4] {
        border-top: 1px solid color-mix(in srgb, var(--text-heading) 6%, transparent);
    }

    .faq-item:hover[b-gvhu48j4k4] {
        background: color-mix(in srgb, var(--text-heading) 2%, transparent);
    }

.faq-q[b-gvhu48j4k4] {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    padding-right: 32px;
    cursor: pointer;
    appearance: none;
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-heading);
    line-height: 1.4;
    position: relative;
    letter-spacing: -0.2px;
}

.faq-chevron[b-gvhu48j4k4] {
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 12px;
    color: var(--text-tertiary);
    transition: transform 0.25s ease, color 0.25s ease;
}

.faq-open .faq-chevron[b-gvhu48j4k4] {
    transform: rotate(180deg);
    color: var(--accent);
}

.faq-a[b-gvhu48j4k4] {
    font-size: 13.5px;
    color: var(--text-secondary);
    line-height: 1.75;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.25s ease, margin-top 0.3s ease;
    margin-top: 0;
}

.faq-open .faq-a[b-gvhu48j4k4] {
    max-height: 800px;
    opacity: 1;
    margin-top: 12px;
}

.faq-a .hl[b-gvhu48j4k4] {
    font-weight: 600;
    color: var(--text-primary);
}

.faq-doc-groups[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 12px;
}

.faq-doc-group[b-gvhu48j4k4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.faq-doc-group-label[b-gvhu48j4k4] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-heading);
    margin-bottom: 2px;
}

.faq-doc-entry[b-gvhu48j4k4] {
    font-size: 12.5px;
    color: var(--text-secondary);
    line-height: 1.5;
}

    .faq-doc-entry strong[b-gvhu48j4k4] {
        font-weight: 600;
        color: var(--text-primary);
    }

.cs-overlay[b-gvhu48j4k4] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: csOverlayIn-b-gvhu48j4k4 0.2s ease;
    padding: 24px;
}

.cs-modal[b-gvhu48j4k4] {
    background: var(--background-primary);
    border: 1.5px solid color-mix(in srgb, var(--accent) 18%, transparent);
    border-radius: 24px;
    padding: 48px 40px 40px;
    max-width: 420px;
    width: 100%;
    text-align: center;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18);
    animation: csModalIn-b-gvhu48j4k4 0.25s ease;
}

.cs-modal-icon[b-gvhu48j4k4] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--accent) 8%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

    .cs-modal-icon i[b-gvhu48j4k4] {
        font-size: 22px;
        color: var(--accent);
    }

.cs-modal-title[b-gvhu48j4k4] {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--text-heading);
    letter-spacing: -0.5px;
    margin: 0 0 12px 0;
}

.cs-modal-desc[b-gvhu48j4k4] {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.65;
    margin: 0 0 28px 0;
}

.cs-plan-name[b-gvhu48j4k4] {
    font-weight: 700;
    color: var(--text-heading);
}

.cs-modal-btn[b-gvhu48j4k4] {
    max-width: 200px;
    margin: 0 auto;
}

@keyframes csOverlayIn-b-gvhu48j4k4 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes csModalIn-b-gvhu48j4k4 {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(8px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.spinner[b-gvhu48j4k4] {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: spin-b-gvhu48j4k4 0.8s linear infinite;
}

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

@media (max-width: 1200px) {
    .pricing-wrapper[b-gvhu48j4k4] {
        padding: 0 32px 80px;
    }

    .pricing-hero[b-gvhu48j4k4] {
        margin-left: -32px;
        margin-right: -32px;
    }

    .plans-section[b-gvhu48j4k4], .enterprise-section[b-gvhu48j4k4], .referral-section[b-gvhu48j4k4], .faq-section[b-gvhu48j4k4] {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 968px) {
    .pricing-title[b-gvhu48j4k4] {
        font-size: 42px;
        letter-spacing: -1px;
    }

    .hero-headline[b-gvhu48j4k4] {
        padding: 56px 40px 36px;
    }





    .pv2-sprints[b-gvhu48j4k4] {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin: 0 auto;
        gap: 20px;
    }

    .enterprise-two-col[b-gvhu48j4k4] {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .enterprise-title[b-gvhu48j4k4] {
        font-size: 21px;
    }

    .efc-pair[b-gvhu48j4k4] {
        grid-template-columns: 1fr;
    }

    .referral-title[b-gvhu48j4k4] {
        font-size: 28px;
    }

    .referral-body[b-gvhu48j4k4] {
        grid-template-columns: 1fr;
        gap: 32px;
        max-width: 420px;
    }

    .referral-ladder-col[b-gvhu48j4k4] {
        padding: 24px 24px 28px;
    }

    .referral-code-box[b-gvhu48j4k4] {
        flex-direction: column;
        align-items: stretch;
    }

    .referral-code-url[b-gvhu48j4k4] {
        font-size: 14px;
    }

    .referral-copy-btn[b-gvhu48j4k4] {
        justify-content: center;
    }

    .faq-grid[b-gvhu48j4k4] {
        grid-template-columns: 1fr;
    }

    .plans-section[b-gvhu48j4k4], .enterprise-section[b-gvhu48j4k4], .referral-section[b-gvhu48j4k4], .faq-section[b-gvhu48j4k4] {
        padding: 48px 28px;
        border-radius: 24px;
    }

    .plans-section[b-gvhu48j4k4] {
        padding-top: 32px;
        padding-bottom: 0;
    }
}

@media (max-width: 768px) {
    .pricing-wrapper[b-gvhu48j4k4] {
        padding: 0 16px 60px;
    }

    .pricing-hero[b-gvhu48j4k4] {
        margin-left: -16px;
        margin-right: -16px;
        margin-bottom: 24px;
    }

    .hero-headline[b-gvhu48j4k4] {
        padding: 48px 24px 32px;
    }

    .pricing-hero[b-gvhu48j4k4]::before {
        width: 400px;
        height: 400px;
    }

    .pricing-title[b-gvhu48j4k4] {
        font-size: 36px;
        letter-spacing: -0.8px;
    }

    .pricing-subtitle[b-gvhu48j4k4] {
        font-size: 15px;
        max-width: 100%;
    }

    .section-title[b-gvhu48j4k4] {
        font-size: 28px;
        letter-spacing: -1px;
    }

    .plans-section[b-gvhu48j4k4] {
        padding: 28px 20px 0;
        margin-bottom: 48px;
        border-radius: 20px;
    }

    .referral-section[b-gvhu48j4k4] {
        padding: 40px 20px;
        margin-bottom: 48px;
        border-radius: 20px;
    }

    .faq-section[b-gvhu48j4k4] {
        padding: 40px 20px;
    }

    .enterprise-section[b-gvhu48j4k4] {
        padding: 40px 20px;
        border-radius: 20px;
    }

    .billing-toggle[b-gvhu48j4k4] {
        width: 100%;
        justify-content: center;
    }

    .toggle-btn[b-gvhu48j4k4] {
        flex: 1;
        justify-content: center;
        padding: 12px 16px;
    }
}

@media (max-width: 480px) {
    .pricing-title[b-gvhu48j4k4] {
        font-size: 30px;
        letter-spacing: -0.5px;
    }

    .section-title[b-gvhu48j4k4] {
        font-size: 24px;
    }

    .section-title-pill[b-gvhu48j4k4] {
        font-size: 15px !important;
        padding: 8px 20px;
    }

    .pv2-sprint-card[b-gvhu48j4k4] {
        padding: 28px 20px 24px;
    }

    .pv2-price-amount[b-gvhu48j4k4] {
        font-size: 1.8rem;
    }

    .pv2-price-qty[b-gvhu48j4k4] {
        font-size: 0.75rem;
    }

    .pv2-sprint-watermark[b-gvhu48j4k4] {
        font-size: 60px;
    }

    .faq-q[b-gvhu48j4k4] {
        font-size: 12.5px;
    }

    .faq-a[b-gvhu48j4k4] {
        font-size: 12px;
    }

    .enterprise-title[b-gvhu48j4k4] {
        font-size: 19px;
    }

    .enterprise-tagline[b-gvhu48j4k4] {
        font-size: 14px;
    }

    .enterprise-subtitle[b-gvhu48j4k4] {
        font-size: 13px;
    }

    .enterprise-pill[b-gvhu48j4k4] {
        font-size: 0.65rem;
        padding: 4px 10px;
    }

    .cs-modal[b-gvhu48j4k4] {
        padding: 36px 24px 32px;
    }

    .cs-modal-title[b-gvhu48j4k4] {
        font-size: 20px;
    }
}
/* /Components/ProdComponents/AinnaTermsAndConditions.razor.rz.scp.css */
.legal-page[b-zn6ow1aao4] {
    font-family: var(--font-family-primary);
    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    --header-height: 0px;
}

    .legal-page.standalone-mode[b-zn6ow1aao4] {
        --header-height: 64px;
    }

    .legal-page.standalone-mode[b-zn6ow1aao4] {
        height: auto;
        min-height: 100vh;
    }

.legal-header[b-zn6ow1aao4] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(var(--bg-rgb), 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    padding: 0 40px;
    height: 64px;
    flex-shrink: 0;
}

.header-inner[b-zn6ow1aao4] {
    max-width: 1400px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-logo[b-zn6ow1aao4] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    text-decoration: none;
}

.header-logo-img[b-zn6ow1aao4] {
    height: 32px;
    width: auto;
    display: block;
}

.header-logo .logo-tagline[b-zn6ow1aao4] {
    font-size: 10px;
    font-weight: 600;
    color: var(--text-tertiary);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding-left: 12px;
    border-left: 1px solid var(--border-color);
    align-self: stretch;
    display: flex;
    align-items: flex-end;
    padding-bottom: 2px;
}

.back-link[b-zn6ow1aao4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: var(--background-secondary);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 550;
    text-decoration: none;
    transition: all 0.2s ease;
}

    .back-link:hover[b-zn6ow1aao4] {
        background: var(--background-primary);
        color: var(--text-primary);
        border-color: var(--border-strong);
        transform: translateX(-2px);
    }

    .back-link i[b-zn6ow1aao4] {
        font-size: 11px;
        transition: transform 0.2s ease;
    }

    .back-link:hover i[b-zn6ow1aao4] {
        transform: translateX(-3px);
    }

.embedded-mode .legal-header[b-zn6ow1aao4] {
    display: none;
}

.terms-container[b-zn6ow1aao4] {
    position: relative;
    flex: 1;
}

.embedded-mode .terms-container[b-zn6ow1aao4] {
    overflow-y: auto;
}

.bg-pattern[b-zn6ow1aao4] {
    display: none;
}

.loading-container[b-zn6ow1aao4] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    position: relative;
    z-index: 10;
}

.loading-spinner[b-zn6ow1aao4] {
    width: 36px;
    height: 36px;
    border: 2px solid var(--border-color);
    border-top: 2px solid var(--accent);
    border-radius: 50%;
    animation: spin-b-zn6ow1aao4 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

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

.terms-wrapper[b-zn6ow1aao4] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 48px 40px 80px;
    position: relative;
    z-index: 1;
}

.terms-layout[b-zn6ow1aao4] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 48px;
    align-items: start;
}

.left-column[b-zn6ow1aao4] {
    position: sticky;
    top: calc(var(--header-height, 0px) + 24px);
    max-height: calc(100vh - var(--header-height, 0px) - 72px);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.08) transparent;
    align-self: start;
    margin: 0;
    padding: 0;
}

    .left-column[b-zn6ow1aao4]::-webkit-scrollbar {
        width: 4px;
    }

    .left-column[b-zn6ow1aao4]::-webkit-scrollbar-track {
        background: transparent;
    }

    .left-column[b-zn6ow1aao4]::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.08);
        border-radius: 2px;
    }

        .left-column[b-zn6ow1aao4]::-webkit-scrollbar-thumb:hover {
            background: rgba(0, 0, 0, 0.14);
        }

.sticky-content[b-zn6ow1aao4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
}

    .sticky-content > *:first-child[b-zn6ow1aao4] {
        margin-top: 0;
    }

.tldr-card[b-zn6ow1aao4],
.highlights-card[b-zn6ow1aao4],
.contact-card[b-zn6ow1aao4],
.footer-links-card[b-zn6ow1aao4] {
    background: var(--background-primary);
    border-radius: 14px;
    border: 1px solid var(--border-color);
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 4px 12px rgba(0, 0, 0, 0.01);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    margin: 0;
}

    .tldr-card[b-zn6ow1aao4]::before,
    .highlights-card[b-zn6ow1aao4]::before,
    .contact-card[b-zn6ow1aao4]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: var(--gradient-primary);
        opacity: 0;
        transition: opacity 0.25s ease;
    }

    .tldr-card:hover[b-zn6ow1aao4]::before,
    .highlights-card:hover[b-zn6ow1aao4]::before,
    .contact-card:hover[b-zn6ow1aao4]::before {
        opacity: 1;
    }

    .tldr-card:hover[b-zn6ow1aao4],
    .highlights-card:hover[b-zn6ow1aao4],
    .contact-card:hover[b-zn6ow1aao4] {
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03), 0 12px 28px rgba(0, 0, 0, 0.04);
        border-color: var(--border-strong);
    }

.tldr-icon-row[b-zn6ow1aao4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.tldr-icon[b-zn6ow1aao4] {
    width: 44px;
    height: 44px;
    background: var(--gradient-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px var(--shadow-color);
}

    .tldr-icon i[b-zn6ow1aao4] {
        font-size: 18px;
        color: white;
    }

.tldr-badge[b-zn6ow1aao4] {
    font-size: 9px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--accent);
    background: var(--card-bg-subtle);
    padding: 5px 10px;
    border-radius: 6px;
    border: 1px solid var(--shadow-color-light);
}

.tldr-title[b-zn6ow1aao4] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-heading);
    margin: 0 0 8px 0;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.tldr-statement[b-zn6ow1aao4] {
    font-size: 13px;
    color: var(--text-secondary);
    margin: 0 0 12px 0;
    line-height: 1.55;
    font-weight: 500;
    font-style: italic;
}

.tldr-text[b-zn6ow1aao4] {
    font-size: 13px;
    line-height: 1.65;
    color: var(--text-tertiary);
    margin: 0;
    font-weight: 420;
}

.card-title[b-zn6ow1aao4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 650;
    color: var(--text-tertiary);
    margin: 0 0 14px 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

    .card-title i[b-zn6ow1aao4] {
        font-size: 10px;
        color: var(--accent);
        opacity: 0.7;
    }

.highlights-list[b-zn6ow1aao4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.highlight-item[b-zn6ow1aao4] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    margin: 0 -12px;
}

    .highlight-item:hover[b-zn6ow1aao4] {
        background: var(--background-secondary);
    }

.highlight-icon[b-zn6ow1aao4] {
    width: 26px;
    height: 26px;
    background: var(--card-bg-subtle);
    border: 1px solid var(--shadow-color-light);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

    .highlight-icon i[b-zn6ow1aao4] {
        font-size: 10px;
        color: var(--accent);
        opacity: 0.85;
    }

.highlight-text[b-zn6ow1aao4] {
    font-size: 12.5px;
    color: var(--text-primary);
    line-height: 1.5;
    padding-top: 4px;
}

.contact-items[b-zn6ow1aao4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.contact-link[b-zn6ow1aao4] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: var(--background-secondary);
    border-radius: 8px;
    text-decoration: none;
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

    .contact-link:hover[b-zn6ow1aao4] {
        background: var(--background-primary);
        border-color: var(--border-color);
        transform: translateX(4px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    }

    .contact-link i[b-zn6ow1aao4] {
        width: 16px;
        color: var(--accent);
        font-size: 13px;
        opacity: 0.8;
    }

.contact-response[b-zn6ow1aao4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: var(--color-success-bg);
    border-radius: 8px;
    font-size: 11px;
    color: var(--text-secondary);
    font-weight: 530;
    border: 1px dashed rgba(34, 139, 34, 0.25);
}

    .contact-response i[b-zn6ow1aao4] {
        color: var(--color-success);
        font-size: 11px;
    }

.footer-links-card[b-zn6ow1aao4] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    padding: 20px;
}

    .footer-links-card:hover[b-zn6ow1aao4] {
        transform: none;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
    }

.footer-brand[b-zn6ow1aao4] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border-color);
}

.sidebar-logo-img[b-zn6ow1aao4] {
    height: 26px;
    width: auto;
    display: block;
}

.brand-tagline[b-zn6ow1aao4] {
    font-size: 10px;
    color: var(--text-tertiary);
    font-weight: 500;
    letter-spacing: 0.02em;
}

.footer-links-inline[b-zn6ow1aao4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border-color);
}

.footer-link-inline[b-zn6ow1aao4] {
    font-size: 12px;
    color: var(--text-secondary);
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 500;
}

    .footer-link-inline:hover[b-zn6ow1aao4] {
        color: var(--text-primary);
    }

    .footer-link-inline.active[b-zn6ow1aao4] {
        color: var(--accent);
        font-weight: 600;
    }

.link-separator[b-zn6ow1aao4] {
    font-size: 10px;
    color: var(--border-strong);
    font-weight: 400;
}

.footer-copyright-compact[b-zn6ow1aao4] {
    text-align: center;
}

.copyright-text[b-zn6ow1aao4] {
    font-size: 10px;
    color: var(--text-tertiary);
    margin: 0 0 2px 0;
    line-height: 1.5;
    font-weight: 480;
}

.copyright-meta[b-zn6ow1aao4] {
    font-size: 9px;
    color: var(--text-tertiary);
    margin: 0;
    line-height: 1.5;
    font-weight: 420;
    opacity: 0.75;
}

.content-column[b-zn6ow1aao4] {
    min-width: 0;
    align-self: start;
    margin: 0;
    padding: 0;
}

.content-card[b-zn6ow1aao4] {
    background: var(--background-primary);
    border-radius: 16px;
    border: 1px solid var(--border-color);
    padding: 52px 60px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 6px 20px rgba(0, 0, 0, 0.02);
    margin: 0;
}

.document-header[b-zn6ow1aao4] {
    margin-bottom: 52px;
    padding-bottom: 44px;
    border-bottom: 1px solid var(--border-color);
}

.document-meta[b-zn6ow1aao4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 11px;
    color: var(--text-tertiary);
    font-weight: 480;
}

.meta-badge[b-zn6ow1aao4] {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    background: var(--card-bg-subtle);
    border: 1px solid var(--shadow-color-light);
    border-radius: 6px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 620;
    color: var(--accent);
}

.meta-divider[b-zn6ow1aao4] {
    color: var(--border-strong);
    font-weight: 400;
    opacity: 0.6;
}

.meta-date[b-zn6ow1aao4],
.meta-updated[b-zn6ow1aao4] {
    font-weight: 480;
}

.page-title[b-zn6ow1aao4] {
    font-size: 42px;
    font-weight: 750;
    color: var(--text-heading);
    margin: 0 0 14px 0;
    letter-spacing: -0.035em;
    line-height: 1.1;
    border: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.page-subtitle[b-zn6ow1aao4] {
    font-size: 17px;
    color: var(--text-secondary);
    line-height: 1.6;
    font-weight: 420;
    margin: 0;
    letter-spacing: -0.01em;
    max-width: 90%;
}

.executive-summary[b-zn6ow1aao4] {
    background: var(--card-bg-subtle);
    border-left: 3px solid var(--accent);
    padding: 24px 28px;
    border-radius: 0 12px 12px 0;
    margin-top: 28px;
}

.summary-label[b-zn6ow1aao4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 650;
    color: var(--accent);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

    .summary-label i[b-zn6ow1aao4] {
        font-size: 12px;
        opacity: 0.85;
    }

.executive-summary p[b-zn6ow1aao4] {
    font-size: 14px;
    line-height: 1.7;
    color: var(--text-secondary);
    margin: 0;
    font-weight: 430;
}

.document-section[b-zn6ow1aao4] {
    margin-bottom: 52px;
    scroll-margin-top: 100px;
    position: relative;
}

    .document-section:last-of-type[b-zn6ow1aao4] {
        margin-bottom: 0;
    }

.section-title[b-zn6ow1aao4] {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-heading);
    margin: 0 0 8px 0;
    letter-spacing: -0.025em;
    line-height: 1.3;
}

.section-subtitle[b-zn6ow1aao4] {
    font-size: 13px;
    color: var(--text-tertiary);
    margin: 0 0 22px 0;
    font-style: italic;
    line-height: 1.6;
    font-weight: 430;
}

.paragraph-block[b-zn6ow1aao4] {
    margin-bottom: 26px;
}

    .paragraph-block:last-child[b-zn6ow1aao4] {
        margin-bottom: 0;
    }

.section-text[b-zn6ow1aao4] {
    font-size: 14.5px;
    line-height: 1.75;
    color: var(--text-secondary);
    margin: 0 0 14px 0;
    font-weight: 410;
    letter-spacing: -0.008em;
}

    .section-text:last-child[b-zn6ow1aao4] {
        margin-bottom: 0;
    }

    .section-text strong[b-zn6ow1aao4] {
        color: var(--text-primary);
        font-weight: 600;
    }

    .section-text a[b-zn6ow1aao4] {
        color: var(--accent);
        text-decoration: none;
        font-weight: 500;
        border-bottom: 1px solid transparent;
        transition: border-color 0.2s ease;
    }

        .section-text a:hover[b-zn6ow1aao4] {
            border-bottom-color: var(--accent);
        }

.structured-data[b-zn6ow1aao4] {
    background: var(--background-secondary);
    border-radius: 12px;
    padding: 22px 26px;
    margin: 22px 0;
    border: 1px solid var(--border-color);
}

.data-row[b-zn6ow1aao4] {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 18px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-color);
}

    .data-row:last-child[b-zn6ow1aao4] {
        border-bottom: none;
        padding-bottom: 0;
    }

    .data-row:first-child[b-zn6ow1aao4] {
        padding-top: 0;
    }

.data-key[b-zn6ow1aao4] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    line-height: 1.6;
}

.data-value[b-zn6ow1aao4] {
    color: var(--text-secondary);
    font-size: 13.5px;
    font-weight: 450;
    line-height: 1.6;
}

.ending-text[b-zn6ow1aao4] {
    font-size: 13px;
    line-height: 1.7;
    color: var(--text-tertiary);
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--border-color);
    font-style: italic;
    font-weight: 420;
}

.document-footer[b-zn6ow1aao4] {
    margin-top: 56px;
    padding-top: 44px;
    border-top: 1px solid var(--border-color);
}

.footer-content[b-zn6ow1aao4] {
    background: var(--card-bg-subtle);
    border-radius: 14px;
    padding: 28px;
    display: flex;
    gap: 22px;
    align-items: flex-start;
    border: 1px solid var(--shadow-color-light);
}

.footer-icon[b-zn6ow1aao4] {
    width: 48px;
    height: 48px;
    background: var(--gradient-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px var(--shadow-color);
}

    .footer-icon i[b-zn6ow1aao4] {
        font-size: 20px;
        color: white;
    }

.footer-text[b-zn6ow1aao4] {
    flex: 1;
}

.footer-statement[b-zn6ow1aao4] {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.7;
    margin: 0 0 8px 0;
    font-weight: 430;
}

.footer-meta[b-zn6ow1aao4] {
    font-size: 12px;
    color: var(--text-tertiary);
    margin: 0;
    font-weight: 480;
    font-style: italic;
}

.legal-footer[b-zn6ow1aao4] {
    background: var(--background-primary);
    border-top: 1px solid var(--border-color);
    padding: 24px 40px;
    flex-shrink: 0;
}

.footer-inner[b-zn6ow1aao4] {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.footer-brand-main[b-zn6ow1aao4] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.page-footer-logo-img[b-zn6ow1aao4] {
    height: 24px;
    width: auto;
    display: block;
}

.footer-company[b-zn6ow1aao4] {
    font-size: 11px;
    color: var(--text-tertiary);
    font-weight: 480;
    padding-left: 14px;
    border-left: 1px solid var(--border-color);
}

.footer-nav[b-zn6ow1aao4] {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .footer-nav a[b-zn6ow1aao4] {
        color: var(--text-secondary);
        text-decoration: none;
        font-size: 12px;
        font-weight: 500;
        transition: color 0.2s ease;
    }

        .footer-nav a:hover[b-zn6ow1aao4] {
            color: var(--text-primary);
        }

.footer-sep[b-zn6ow1aao4] {
    color: var(--border-strong);
    font-size: 10px;
    opacity: 0.5;
}

.footer-copy[b-zn6ow1aao4] {
    font-size: 11px;
    color: var(--text-tertiary);
    font-weight: 420;
}

@media (max-width: 1200px) {
    .terms-wrapper[b-zn6ow1aao4] {
        padding: 40px 32px 70px;
    }

    .terms-layout[b-zn6ow1aao4] {
        grid-template-columns: 280px 1fr;
        gap: 36px;
    }

    .content-card[b-zn6ow1aao4] {
        padding: 44px 48px;
    }

    .page-title[b-zn6ow1aao4] {
        font-size: 38px;
    }

    .section-title[b-zn6ow1aao4] {
        font-size: 22px;
    }

    .left-column[b-zn6ow1aao4] {
        top: calc(var(--header-height, 0px) + 20px);
        max-height: calc(100vh - var(--header-height, 0px) - 60px);
    }

    .header-logo-img[b-zn6ow1aao4] {
        height: 28px;
    }
}

@media (max-width: 968px) {
    .legal-header[b-zn6ow1aao4] {
        padding: 0 24px;
        height: 60px;
    }

    .header-logo-img[b-zn6ow1aao4] {
        height: 26px;
    }

    .terms-layout[b-zn6ow1aao4] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .left-column[b-zn6ow1aao4] {
        position: static;
        top: auto;
        max-height: none;
        overflow: visible;
    }

    .sticky-content[b-zn6ow1aao4] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .tldr-card[b-zn6ow1aao4] {
        grid-column: 1 / -1;
    }

    .footer-links-card[b-zn6ow1aao4] {
        grid-column: 1 / -1;
    }

    .page-title[b-zn6ow1aao4] {
        font-size: 34px;
    }

    .page-subtitle[b-zn6ow1aao4] {
        font-size: 15px;
        max-width: 100%;
    }

    .section-title[b-zn6ow1aao4] {
        font-size: 20px;
    }

    .footer-inner[b-zn6ow1aao4] {
        flex-direction: column;
        text-align: center;
        gap: 14px;
    }

    .footer-brand-main[b-zn6ow1aao4] {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .footer-company[b-zn6ow1aao4] {
        padding-left: 0;
        border-left: none;
    }
}

@media (max-width: 768px) {
    .legal-header[b-zn6ow1aao4] {
        padding: 0 20px;
        height: 56px;
    }

    .header-logo-img[b-zn6ow1aao4] {
        height: 24px;
    }

    .header-logo .logo-tagline[b-zn6ow1aao4] {
        display: none;
    }

    .back-link span[b-zn6ow1aao4] {
        display: none;
    }

    .back-link[b-zn6ow1aao4] {
        padding: 10px 12px;
    }

    .terms-wrapper[b-zn6ow1aao4] {
        padding: 28px 20px 60px;
    }

    .sticky-content[b-zn6ow1aao4] {
        grid-template-columns: 1fr;
    }

    .content-card[b-zn6ow1aao4] {
        padding: 32px 24px;
        border-radius: 14px;
    }

    .document-header[b-zn6ow1aao4] {
        margin-bottom: 36px;
        padding-bottom: 28px;
    }

    .page-title[b-zn6ow1aao4] {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .page-subtitle[b-zn6ow1aao4] {
        font-size: 14px;
    }

    .executive-summary[b-zn6ow1aao4] {
        padding: 18px 20px;
        margin-top: 22px;
    }

        .executive-summary p[b-zn6ow1aao4] {
            font-size: 13px;
        }

    .section-title[b-zn6ow1aao4] {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .section-subtitle[b-zn6ow1aao4] {
        font-size: 12px;
        margin-bottom: 16px;
    }

    .section-text[b-zn6ow1aao4] {
        font-size: 13.5px;
        line-height: 1.7;
    }

    .document-section[b-zn6ow1aao4] {
        margin-bottom: 40px;
        scroll-margin-top: 80px;
    }

    .structured-data[b-zn6ow1aao4] {
        padding: 18px;
        margin: 18px 0;
    }

    .data-row[b-zn6ow1aao4] {
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 10px 0;
    }

    .data-key[b-zn6ow1aao4] {
        font-size: 10px;
    }

    .data-value[b-zn6ow1aao4] {
        font-size: 13px;
    }

    .document-footer[b-zn6ow1aao4] {
        margin-top: 44px;
        padding-top: 32px;
    }

    .footer-content[b-zn6ow1aao4] {
        flex-direction: column;
        padding: 22px;
        gap: 14px;
    }

    .footer-icon[b-zn6ow1aao4] {
        width: 42px;
        height: 42px;
    }

        .footer-icon i[b-zn6ow1aao4] {
            font-size: 17px;
        }

    .footer-statement[b-zn6ow1aao4] {
        font-size: 13px;
    }

    .tldr-card[b-zn6ow1aao4],
    .highlights-card[b-zn6ow1aao4],
    .contact-card[b-zn6ow1aao4],
    .footer-links-card[b-zn6ow1aao4] {
        padding: 18px;
    }

    .tldr-icon[b-zn6ow1aao4] {
        width: 40px;
        height: 40px;
    }

        .tldr-icon i[b-zn6ow1aao4] {
            font-size: 16px;
        }

    .tldr-title[b-zn6ow1aao4] {
        font-size: 18px;
    }

    .sidebar-logo-img[b-zn6ow1aao4] {
        height: 22px;
    }

    .legal-footer[b-zn6ow1aao4] {
        padding: 20px;
    }

    .page-footer-logo-img[b-zn6ow1aao4] {
        height: 20px;
    }
}

@media (max-width: 480px) {
    .legal-header[b-zn6ow1aao4] {
        padding: 0 16px;
    }

    .header-logo-img[b-zn6ow1aao4] {
        height: 22px;
    }

    .terms-wrapper[b-zn6ow1aao4] {
        padding: 20px 16px 44px;
    }

    .content-card[b-zn6ow1aao4] {
        padding: 24px 18px;
        border-radius: 12px;
    }

    .page-title[b-zn6ow1aao4] {
        font-size: 24px;
        line-height: 1.15;
    }

    .page-subtitle[b-zn6ow1aao4] {
        font-size: 13px;
    }

    .section-title[b-zn6ow1aao4] {
        font-size: 17px;
    }

    .section-text[b-zn6ow1aao4] {
        font-size: 13px;
    }

    .tldr-card[b-zn6ow1aao4],
    .highlights-card[b-zn6ow1aao4],
    .contact-card[b-zn6ow1aao4],
    .footer-links-card[b-zn6ow1aao4] {
        padding: 16px;
        border-radius: 12px;
    }

    .tldr-icon[b-zn6ow1aao4] {
        width: 38px;
        height: 38px;
    }

        .tldr-icon i[b-zn6ow1aao4] {
            font-size: 15px;
        }

    .tldr-title[b-zn6ow1aao4] {
        font-size: 17px;
    }

    .tldr-statement[b-zn6ow1aao4] {
        font-size: 12px;
    }

    .tldr-text[b-zn6ow1aao4] {
        font-size: 12px;
    }

    .highlight-icon[b-zn6ow1aao4] {
        width: 24px;
        height: 24px;
    }

        .highlight-icon i[b-zn6ow1aao4] {
            font-size: 9px;
        }

    .highlight-text[b-zn6ow1aao4] {
        font-size: 12px;
    }

    .sidebar-logo-img[b-zn6ow1aao4] {
        height: 20px;
    }

    .legal-footer[b-zn6ow1aao4] {
        padding: 18px 16px;
    }

    .page-footer-logo-img[b-zn6ow1aao4] {
        height: 18px;
    }

    .footer-nav[b-zn6ow1aao4] {
        gap: 8px;
    }

        .footer-nav a[b-zn6ow1aao4] {
            font-size: 11px;
        }
}

@media print {
    .legal-page[b-zn6ow1aao4] {
        background: white;
    }

    .legal-header[b-zn6ow1aao4],
    .legal-footer[b-zn6ow1aao4],
    .bg-pattern[b-zn6ow1aao4],
    .left-column[b-zn6ow1aao4] {
        display: none !important;
    }

    .terms-layout[b-zn6ow1aao4] {
        grid-template-columns: 1fr;
    }

    .content-card[b-zn6ow1aao4] {
        border: none;
        box-shadow: none;
        padding: 0;
    }

    .page-title[b-zn6ow1aao4] {
        font-size: 22px;
    }

    .section-title[b-zn6ow1aao4] {
        font-size: 16px;
        page-break-after: avoid;
    }

    .document-section[b-zn6ow1aao4] {
        page-break-inside: avoid;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-zn6ow1aao4],
    *[b-zn6ow1aao4]::before,
    *[b-zn6ow1aao4]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

.contact-link:focus-visible[b-zn6ow1aao4],
.footer-link-inline:focus-visible[b-zn6ow1aao4],
.back-link:focus-visible[b-zn6ow1aao4],
.footer-nav a:focus-visible[b-zn6ow1aao4],
.header-logo:focus-visible[b-zn6ow1aao4] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 6px;
}
/* /Components/ProdComponents/BringAFriendPanel.razor.rz.scp.css */
.invite-panel[b-sdgzcp8upx] {
    --golden-primary: #f59e0b;
    --golden-light: #fbbf24;
    --golden-dark: #d97706;
    --golden-text: #92400e;
    --warning-bg: #fef3c7;
    --warning-text: #d97706;
    background: linear-gradient(135deg, white 0%, #fafafa 100%);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 24px 28px;
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    font-family: var(--font-family-primary);
}

.invite-content-wrapper[b-sdgzcp8upx] {
    max-width: 620px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.invite-badge[b-sdgzcp8upx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--golden-dark);
    background: var(--warning-bg);
    padding: 5px 12px;
    border-radius: 6px;
    border: 1px solid rgba(245, 158, 11, 0.2);
    letter-spacing: 0.02em;
}

.invite-code-box[b-sdgzcp8upx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background: white;
    border: 2px dashed var(--border-color);
    border-radius: 10px;
    padding: 16px 20px;
    width: 100%;
    box-sizing: border-box;
}

.invite-code-display[b-sdgzcp8upx] {
    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
    font-size: 28px;
    font-weight: 800;
    background: linear-gradient(135deg, var(--golden-primary) 0%, var(--golden-dark) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: 0.1em;
    text-align: center;
    user-select: all;
    flex: 1 1 280px;
    min-width: 200px;
}

.button-group[b-sdgzcp8upx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    flex: 0 0 auto;
}

.copy-btn-primary[b-sdgzcp8upx] {
    padding: 10px 18px;
    background: linear-gradient(135deg, var(--accent) 0%, var(--color-accent-2) 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-family: inherit;
    box-shadow: 0 2px 8px rgba(240, 12, 113, 0.25);
}

    .copy-btn-primary:hover[b-sdgzcp8upx] {
        background: linear-gradient(135deg, var(--color-accent-2) 0%, #b00550 100%);
    }

    .copy-btn-primary.copied[b-sdgzcp8upx] {
        background: var(--color-accent-2);
        box-shadow: none;
    }

.copy-btn-outline[b-sdgzcp8upx] {
    padding: 10px 18px;
    background: white;
    border: 1.5px solid var(--accent);
    border-radius: 8px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-family: inherit;
}

    .copy-btn-outline:hover[b-sdgzcp8upx] {
        background: rgba(240, 12, 113, 0.05);
    }

    .copy-btn-outline:disabled[b-sdgzcp8upx],
    .copy-btn-primary:disabled[b-sdgzcp8upx] {
        opacity: 0.5;
        cursor: not-allowed;
        pointer-events: none;
    }

.invite-stats[b-sdgzcp8upx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 13px;
    color: var(--text-secondary);
    flex-wrap: wrap;
}

.stat-item[b-sdgzcp8upx] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .stat-item .stat-number[b-sdgzcp8upx] {
        font-weight: 700;
        font-size: 15px;
        color: var(--text-heading);
    }

    .stat-item .stat-label[b-sdgzcp8upx] {
        font-weight: 450;
    }

    .stat-item.warning[b-sdgzcp8upx] {
        background: var(--warning-bg);
        padding: 4px 12px;
        border-radius: 20px;
    }

        .stat-item.warning .stat-number[b-sdgzcp8upx],
        .stat-item.warning .stat-label[b-sdgzcp8upx] {
            color: var(--warning-text);
        }

    .stat-item.subtle .stat-label[b-sdgzcp8upx],
    .stat-item.subtle i[b-sdgzcp8upx] {
        color: var(--text-tertiary);
    }

    .stat-item.urgent[b-sdgzcp8upx] {
        background: #fef2f2;
        padding: 4px 10px;
        border-radius: 20px;
    }

        .stat-item.urgent .stat-label[b-sdgzcp8upx],
        .stat-item.urgent i[b-sdgzcp8upx] {
            color: #dc2626;
            font-weight: 600;
        }

.stat-divider[b-sdgzcp8upx] {
    width: 4px;
    height: 4px;
    background: #d1d5db;
    border-radius: 50%;
}

.invite-explanation[b-sdgzcp8upx] {
    text-align: center;
}

    .invite-explanation p[b-sdgzcp8upx] {
        font-size: 12px;
        color: var(--text-tertiary);
        font-weight: 400;
        line-height: 1.5;
        margin: 0;
    }

.request-link[b-sdgzcp8upx] {
    color: var(--accent);
    text-decoration: none;
    font-weight: 600;
}

    .request-link:hover[b-sdgzcp8upx] {
        color: var(--color-accent-2);
    }

    .request-link i[b-sdgzcp8upx] {
        font-size: 11px;
        margin-left: 4px;
    }

.invite-completed[b-sdgzcp8upx] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: color-mix(in srgb, var(--accent) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--border-color));
    border-radius: 10px;
    width: 100%;
}

.completed-emoji[b-sdgzcp8upx] {
    font-size: 32px;
    line-height: 1;
}

.completed-text[b-sdgzcp8upx] {
    min-width: 0;
}

.completed-headline[b-sdgzcp8upx] {
    font-size: 15px;
    font-weight: 700;
    color: var(--accent);
    margin-bottom: 2px;
}

.completed-subtext[b-sdgzcp8upx] {
    font-size: 13px;
    color: var(--text-secondary);
}

@media (max-width: 600px) {
    .button-group[b-sdgzcp8upx] {
        width: 100%;
    }

    .copy-btn-primary[b-sdgzcp8upx],
    .copy-btn-outline[b-sdgzcp8upx] {
        flex: 1;
        justify-content: center;
        box-sizing: border-box;
    }
}

@media (max-width: 500px) {
    .invite-panel[b-sdgzcp8upx] {
        padding: 20px 16px;
    }

    .invite-code-box[b-sdgzcp8upx] {
        padding: 12px 12px;
        gap: 12px;
    }

    .invite-code-display[b-sdgzcp8upx] {
        font-size: 22px;
        flex: 1 1 100%;
        min-width: 0;
    }

    .invite-completed[b-sdgzcp8upx] {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .button-group[b-sdgzcp8upx] {
        flex-direction: column;
        width: 100%;
    }

    .copy-btn-primary[b-sdgzcp8upx],
    .copy-btn-outline[b-sdgzcp8upx] {
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 400px) {
    .invite-badge[b-sdgzcp8upx] {
        font-size: 10px;
        padding: 4px 10px;
    }

    .invite-code-box[b-sdgzcp8upx] {
        padding: 10px 10px;
    }

    .invite-code-display[b-sdgzcp8upx] {
        font-size: 18px;
        letter-spacing: 0.05em;
    }

    .copy-btn-primary[b-sdgzcp8upx],
    .copy-btn-outline[b-sdgzcp8upx] {
        padding: 10px 14px;
    }

    .invite-stats[b-sdgzcp8upx] {
        font-size: 12px;
        gap: 8px;
    }

    .stat-item .stat-number[b-sdgzcp8upx] {
        font-size: 14px;
    }
}
/* /Components/ProdComponents/CompetitiveLandscape.razor.rz.scp.css */
.cl-section[b-w4j5jok6fa] {
    position: relative;
    min-height: 400px;
    max-width: none;
    margin: 0;
    opacity: 0;
    transform: translateY(10px);
    animation: cl-up-b-w4j5jok6fa .5s ease .1s forwards;
    font-family: var(--font);
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
}

@keyframes cl-up-b-w4j5jok6fa {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cl-content[b-w4j5jok6fa] {
    position: relative;
}

.cl-empty-hint[b-w4j5jok6fa] {
    font-size: var(--text-base);
    color: var(--ink-6);
    font-style: italic;
    padding: 0.75rem 0 0.25rem;
    margin: 0;
}


.cl-fold[b-w4j5jok6fa] {
    overflow: hidden;
    transition: max-height .5s cubic-bezier(.33,1,.68,1), opacity .3s ease;
}

.cl-section.collapsed .cl-hero-above .cl-hero-main[b-w4j5jok6fa] {
    margin-bottom: 0;
}

.cl-section.collapsed[b-w4j5jok6fa] {
    min-height: auto;
}


.cl-fold-toggle-wrap[b-w4j5jok6fa] {
    display: flex;
    justify-content: center;
    padding: 8px 0 4px;
}

.cl-fold-toggle[b-w4j5jok6fa] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    font-family: var(--font);
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    color: var(--accent);
    background: var(--accent-subtle);
    border: 1px solid var(--accent-border);
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    animation: cl-hintPulse-b-w4j5jok6fa 2.5s ease-in-out infinite;
}

    .cl-fold-toggle:hover[b-w4j5jok6fa] {
        background: color-mix(in srgb, var(--accent) 14%, transparent);
        border-color: var(--accent);
        transform: translateY(-1px);
    }

    .cl-fold-toggle i[b-w4j5jok6fa] {
        font-size: 10px;
        transition: transform 0.3s ease;
    }

    .cl-fold-toggle:hover i[b-w4j5jok6fa] {
        transform: translateY(1px);
    }

@keyframes cl-hintPulse-b-w4j5jok6fa {
    0%, 100% {
        opacity: .6;
    }

    50% {
        opacity: 1;
    }
}


.cl-processing[b-w4j5jok6fa] {
    font-style: italic;
    font-weight: var(--font-weight-regular);
    background: linear-gradient( 90deg, var(--ink-7) 0%, var(--ink-5) 40%, var(--accent) 50%, var(--ink-5) 60%, var(--ink-7) 100% );
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: cl-shimmer-b-w4j5jok6fa 2.5s ease-in-out infinite;
}

@keyframes cl-shimmer-b-w4j5jok6fa {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.cl-hero-card .cl-processing[b-w4j5jok6fa] {
    font-size: 12px;
}


.cl-action-bar[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.cl-action-fill[b-w4j5jok6fa] {
    flex: 1;
}

.cl-updating[b-w4j5jok6fa] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--warning);
}

.cl-glow-dot[b-w4j5jok6fa] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--warning);
    animation: cl-glow-b-w4j5jok6fa 1.4s ease-in-out infinite;
}

@keyframes cl-glow-b-w4j5jok6fa {
    0%, 100% {
        box-shadow: 0 0 3px 1px rgba(245,158,11,0.3);
        opacity: 1;
    }

    50% {
        box-shadow: 0 0 10px 4px rgba(245,158,11,0.6);
        opacity: 0.8;
    }
}

.cl-update-done[b-w4j5jok6fa] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--success);
    animation: cl-fade-in-b-w4j5jok6fa 0.3s ease;
}

    .cl-update-done i[b-w4j5jok6fa] {
        font-size: var(--text-xs);
    }

@keyframes cl-fade-in-b-w4j5jok6fa {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.cl-btn[b-w4j5jok6fa] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.4375rem 0.875rem;
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    border: 1px solid transparent;
    letter-spacing: 0.005em;
}

.cl-btn-ghost[b-w4j5jok6fa] {
    background: var(--raised);
    border-color: var(--border);
    color: var(--ink-4);
}

    .cl-btn-ghost:hover[b-w4j5jok6fa] {
        background: var(--surface);
        border-color: var(--ink-7);
        color: var(--ink-2);
    }

    .cl-btn-ghost:disabled[b-w4j5jok6fa] {
        opacity: 0.45;
        cursor: not-allowed;
        pointer-events: none;
    }

.cl-btn-accent[b-w4j5jok6fa] {
    background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 75%, #fff));
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 1px 4px var(--accent-shadow);
}

    .cl-btn-accent:hover[b-w4j5jok6fa] {
        box-shadow: 0 3px 12px color-mix(in srgb, var(--accent) 30%, transparent);
        transform: translateY(-1px);
    }


.cl-hero-insights[b-w4j5jok6fa] {
    margin-bottom: 2.25rem;
}

.cl-hero-above[b-w4j5jok6fa] {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

.cl-hero-main[b-w4j5jok6fa] {
    margin-bottom: 1.25rem;
}

.cl-hero-title[b-w4j5jok6fa] {
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    line-height: 1.45;
    margin: 0 0 0.375rem;
    letter-spacing: -0.01em;
    max-width: 52rem;
}

.cl-hero-title-empty[b-w4j5jok6fa] {
    color: var(--ink-6);
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-xl);
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

    .cl-hero-title-empty i[b-w4j5jok6fa] {
        font-size: var(--text-lg);
        opacity: 0.5;
    }

.cl-hero-context[b-w4j5jok6fa] {
    font-size: var(--text-md);
    color: var(--ink-5);
    margin: 0;
    line-height: 1.5;
}

.cl-hero-context-empty[b-w4j5jok6fa] {
    color: var(--ink-6);
}


.cl-hero-cards[b-w4j5jok6fa] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.cl-hero-card[b-w4j5jok6fa] {
    display: flex;
    gap: 0.75rem;
    background: var(--raised);
    border: 1px solid var(--border);
    border-radius: 0.625rem;
    padding: 1rem;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
}

    .cl-hero-card[b-w4j5jok6fa]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 0;
        background: transparent;
    }

    .cl-hero-card:hover[b-w4j5jok6fa] {
        border-color: var(--ink-7);
        box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        transform: translateY(-2px);
    }

        .cl-hero-card:hover[b-w4j5jok6fa]::before {
            background: transparent;
        }

.cl-hero-card-body[b-w4j5jok6fa] {
    flex: 1;
    min-width: 0;
}

.cl-hero-card-label[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.5rem;
    color: var(--ink-5);
}

    .cl-hero-card-label i[b-w4j5jok6fa] {
        font-size: 10px;
        color: var(--ink-6);
    }

.cl-hero-card-text[b-w4j5jok6fa] {
    font-size: var(--text-base);
    color: var(--ink-3);
    line-height: 1.55;
    margin: 0;
}

    .cl-hero-card-text.cl-empty-hint[b-w4j5jok6fa] {
        padding: 0;
        font-weight: var(--font-weight-regular);
    }

.cl-hero-card-wide[b-w4j5jok6fa]::before {
    background: transparent;
}


.cl-context-metrics[b-w4j5jok6fa] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.cl-context-metric[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.375rem 0;
    border-bottom: 1px solid var(--surface);
}

    .cl-context-metric:last-of-type[b-w4j5jok6fa] {
        border-bottom: none;
    }

.cl-context-metric-label[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
    color: var(--ink-5);
    white-space: nowrap;
    min-width: 85px;
}

.cl-context-scale[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    justify-content: flex-end;
}

.cl-scale-blocks[b-w4j5jok6fa] {
    display: flex;
    gap: 3px;
}

.cl-scale-block[b-w4j5jok6fa] {
    width: 14px;
    height: 6px;
    border-radius: 2px;
    background: var(--border);
    transition: background 0.15s ease;
}

    .cl-scale-block.filled[b-w4j5jok6fa] {
        background: var(--ink-4);
    }

.cl-scale-blocks.cl-scale-amber .cl-scale-block.filled[b-w4j5jok6fa] {
    background: #f59e0b;
}

.cl-scale-blocks.cl-scale-red .cl-scale-block.filled[b-w4j5jok6fa] {
    background: #ef4444;
}

.cl-scale-blocks.cl-scale-orange .cl-scale-block.filled[b-w4j5jok6fa] {
    background: #f97316;
}

.cl-scale-blocks.cl-scale-blue .cl-scale-block.filled[b-w4j5jok6fa] {
    background: #0284c7;
}

.cl-scale-blocks.cl-scale-pink .cl-scale-block.filled[b-w4j5jok6fa] {
    background: #db2777;
}

.cl-scale-blocks.cl-scale-green .cl-scale-block.filled[b-w4j5jok6fa] {
    background: #10b981;
}

.cl-scale-blocks.cl-scale-slate .cl-scale-block.filled[b-w4j5jok6fa] {
    background: #64748b;
}

.cl-scale-text[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-3);
    min-width: 70px;
    text-align: right;
}

.cl-scale-sub[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-regular);
    color: var(--ink-6);
    margin-left: 0.125rem;
}

.cl-context-metric-value-only[b-w4j5jok6fa] {
    border-bottom: 1px solid var(--border-lt);
}

.cl-context-value[b-w4j5jok6fa] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.cl-value-amount[b-w4j5jok6fa] {
    font-size: var(--text-base);
    font-weight: var(--font-weight-bold);
    color: var(--premium-light);
}

.cl-value-period[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
    color: var(--ink-6);
    background: var(--surface);
    padding: 0.125rem 0.375rem;
    border-radius: var(--radius-xs);
}

.cl-context-trend[b-w4j5jok6fa] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 0.375rem;
    padding-top: 0.625rem;
    border-top: 1px solid var(--border-lt);
    font-size: var(--text-xs);
    color: var(--ink-4);
    line-height: 1.4;
}

    .cl-context-trend i[b-w4j5jok6fa] {
        color: var(--warning);
        flex-shrink: 0;
        margin-top: 0.0625rem;
        font-size: var(--text-xs);
    }


.cl-panel-bar[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-lt);
}

.cl-panel-label[b-w4j5jok6fa] {
    font-size: var(--text-base);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ink-3);
}

    .cl-panel-label i[b-w4j5jok6fa] {
        margin-right: 0.375rem;
        font-size: var(--text-xs);
        opacity: 0.6;
    }

.cl-panel-meta[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    color: var(--ink-6);
    letter-spacing: 0.005em;
}


.cl-map-panel[b-w4j5jok6fa] {
    margin-bottom: 3.5rem;
}

.cl-map-legend[b-w4j5jok6fa] {
    display: flex;
    gap: 1rem;
}

.cl-legend-item[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--text-xs);
    color: var(--ink-5);
}

.cl-legend-dot[b-w4j5jok6fa] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.9);
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.cl-legend-established[b-w4j5jok6fa] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.cl-legend-startup[b-w4j5jok6fa] {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    border-style: dashed;
}

.cl-chart-area[b-w4j5jok6fa] {
    margin-bottom: 1.5rem;
    overflow: visible;
    position: relative;
    z-index: 1;
}

.cl-chart[b-w4j5jok6fa] {
    position: relative;
    width: 100%;
    aspect-ratio: 2.2 / 1;
    min-height: 340px;
    max-height: 480px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: visible;
    background: var(--raised);
    margin-left: 36px;
    margin-bottom: 36px;
    width: calc(100% - 36px);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.cl-quadrants[b-w4j5jok6fa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.cl-quad[b-w4j5jok6fa] {
    transition: all 0.25s ease;
    pointer-events: auto;
    position: relative;
}

.cl-quad-tl[b-w4j5jok6fa] {
    border-right: 1px dashed rgba(0,0,0,0.1);
    border-bottom: 1px dashed rgba(0,0,0,0.1);
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.07) 0%, rgba(234, 179, 8, 0.13) 100%);
}

.cl-quad-tr[b-w4j5jok6fa] {
    border-bottom: 1px dashed rgba(0,0,0,0.1);
    background: linear-gradient(135deg, rgba(244, 63, 94, 0.07) 0%, rgba(225, 29, 72, 0.13) 100%);
}

.cl-quad-bl[b-w4j5jok6fa] {
    border-right: 1px dashed rgba(0,0,0,0.1);
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.05) 0%, rgba(100, 116, 139, 0.10) 100%);
}

.cl-quad-br[b-w4j5jok6fa] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.07) 0%, rgba(13, 148, 136, 0.13) 100%);
}

.cl-quad.active-defend[b-w4j5jok6fa] {
    background: linear-gradient(135deg, rgba(244, 63, 94, 0.16) 0%, rgba(225, 29, 72, 0.24) 100%);
}

.cl-quad.active-monitor[b-w4j5jok6fa] {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.16) 0%, rgba(234, 179, 8, 0.24) 100%);
}

.cl-quad.active-leverage[b-w4j5jok6fa] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.16) 0%, rgba(13, 148, 136, 0.24) 100%);
}

.cl-quad.active-ignore[b-w4j5jok6fa] {
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.12) 0%, rgba(100, 116, 139, 0.20) 100%);
}

.cl-quad-watermark[b-w4j5jok6fa] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font);
    font-size: 1.5rem;
    font-weight: var(--font-weight-extrabold);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-align: center;
    line-height: 1.2;
    pointer-events: none;
    user-select: none;
    transition: opacity 0.25s ease;
}

.cl-quad-tl .cl-quad-watermark[b-w4j5jok6fa] {
    color: rgba(180, 83, 9, 0.14);
}

.cl-quad-tr .cl-quad-watermark[b-w4j5jok6fa] {
    color: rgba(225, 29, 72, 0.13);
}

.cl-quad-bl .cl-quad-watermark[b-w4j5jok6fa] {
    color: rgba(100, 116, 139, 0.11);
}

.cl-quad-br .cl-quad-watermark[b-w4j5jok6fa] {
    color: rgba(13, 148, 136, 0.13);
}

.cl-quad.active .cl-quad-watermark[b-w4j5jok6fa] {
    opacity: 0.8;
}

.cl-quadrant-labels[b-w4j5jok6fa] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
}

.cl-qlabel-box[b-w4j5jok6fa] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.625rem;
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}

    .cl-qlabel-box.active[b-w4j5jok6fa] {
        transform: scale(1.02);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

.cl-qlabel-text[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cl-qlabel-count[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    padding: 0.125rem 0.375rem;
    border-radius: 2rem;
    min-width: 20px;
    text-align: center;
}

.cl-qlabel-tl[b-w4j5jok6fa] {
    top: 12px;
    left: 12px;
}

    .cl-qlabel-tl .cl-qlabel-text[b-w4j5jok6fa] {
        color: #92400e;
    }

    .cl-qlabel-tl .cl-qlabel-count[b-w4j5jok6fa] {
        background: var(--border-lt);
        color: var(--ink-4);
    }

.cl-qlabel-tr[b-w4j5jok6fa] {
    top: 12px;
    right: 12px;
}

    .cl-qlabel-tr .cl-qlabel-text[b-w4j5jok6fa] {
        color: #e11d48;
    }

    .cl-qlabel-tr .cl-qlabel-count[b-w4j5jok6fa] {
        background: var(--border-lt);
        color: var(--ink-4);
    }

.cl-qlabel-bl[b-w4j5jok6fa] {
    bottom: 12px;
    left: 12px;
}

    .cl-qlabel-bl .cl-qlabel-text[b-w4j5jok6fa] {
        color: var(--ink-5);
    }

    .cl-qlabel-bl .cl-qlabel-count[b-w4j5jok6fa] {
        background: var(--border-lt);
        color: var(--ink-5);
    }

.cl-qlabel-br[b-w4j5jok6fa] {
    bottom: 12px;
    right: 12px;
}

    .cl-qlabel-br .cl-qlabel-text[b-w4j5jok6fa] {
        color: var(--dv-teal);
    }

    .cl-qlabel-br .cl-qlabel-count[b-w4j5jok6fa] {
        background: var(--border-lt);
        color: var(--ink-4);
    }

.cl-axis-wrapper[b-w4j5jok6fa] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}

.cl-axis-y-wrapper[b-w4j5jok6fa] {
    top: 0;
    bottom: 0;
    left: -32px;
    width: 24px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    flex-direction: row-reverse;
}

.cl-axis-x-wrapper[b-w4j5jok6fa] {
    left: 0;
    right: 0;
    bottom: -32px;
    height: 24px;
}

.cl-axis-name[b-w4j5jok6fa] {
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--ink-5);
}

.cl-axis-label[b-w4j5jok6fa] {
    font-size: 0.5rem;
    color: var(--ink-6);
    white-space: nowrap;
}


.cl-dot-anchor[b-w4j5jok6fa] {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 5;
    cursor: pointer;
}

    .cl-dot-anchor.dimmed[b-w4j5jok6fa] {
        opacity: 0.55;
        transition: opacity 0.2s ease;
    }

        .cl-dot-anchor.dimmed .cl-panel-logo[b-w4j5jok6fa] {
            box-shadow: none;
        }

    .cl-dot-anchor.hovered[b-w4j5jok6fa],
    .cl-dot-anchor.in-quadrant[b-w4j5jok6fa] {
        z-index: 100;
    }

    .cl-dot-anchor.hovered[b-w4j5jok6fa] {
        z-index: 1000;
    }

.cl-panel-logo[b-w4j5jok6fa] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: var(--font-weight-extrabold);
    border: 3px solid rgba(255,255,255,0.95);
    box-shadow: 0 3px 12px rgba(0,0,0,0.18);
    position: relative;
    z-index: 2;
}

    .cl-panel-logo.has-favicon[b-w4j5jok6fa] {
        background: var(--raised) !important;
        border: 2px solid var(--border);
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

.cl-dot-anchor.hovered .cl-panel-logo.has-favicon[b-w4j5jok6fa] {
    border-color: var(--ink-6);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.cl-panel-logo.cl-dot-startup[b-w4j5jok6fa] {
    border-style: dashed;
}

.cl-panel-favicon[b-w4j5jok6fa] {
    width: 60%;
    height: 60%;
    object-fit: contain;
    border-radius: 2px;
}

.cl-panel-initials[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-extrabold);
    letter-spacing: 0.04em;
}

.cl-panel-content[b-w4j5jok6fa] {
    position: absolute;
    top: -16px;
    left: -12px;
    width: 360px;
    background: var(--raised);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: 0 12px 48px rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.02);
    padding: 0.875rem 1.25rem 0.75rem 72px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 72px;
}

.cl-dot-anchor.flip-left .cl-panel-content[b-w4j5jok6fa] {
    left: auto;
    right: -12px;
    padding: 0.875rem 72px 0.75rem 1.25rem;
}

.cl-dot-anchor.flip-left .cl-panel-logo[b-w4j5jok6fa] {
    position: relative;
    z-index: 2;
}

.cl-dot-anchor.flip-up .cl-panel-content[b-w4j5jok6fa] {
    top: auto;
    bottom: -16px;
}

.cl-panel-head[b-w4j5jok6fa] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-lt);
}

.cl-dot-anchor.high-threat .cl-panel-logo:not(.has-favicon)[b-w4j5jok6fa] {
    animation: cl-pulse-threat-b-w4j5jok6fa 2s ease-in-out infinite;
}

.cl-dot-anchor.high-threat .cl-panel-logo.has-favicon[b-w4j5jok6fa] {
    animation: cl-pulse-threat-favicon-b-w4j5jok6fa 2s ease-in-out infinite;
}

@keyframes cl-pulse-threat-b-w4j5jok6fa {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4), 0 2px 10px rgba(0,0,0,0.14);
    }

    50% {
        box-shadow: 0 0 0 8px rgba(239, 68, 68, 0), 0 2px 10px rgba(0,0,0,0.14);
    }
}

@keyframes cl-pulse-threat-favicon-b-w4j5jok6fa {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4), 0 2px 8px rgba(0,0,0,0.1);
        border-color: #fca5a5;
    }

    50% {
        box-shadow: 0 0 0 6px rgba(239, 68, 68, 0), 0 2px 8px rgba(0,0,0,0.1);
        border-color: #ef4444;
    }
}

.cl-stance-differentiate[b-w4j5jok6fa] {
    background: linear-gradient(135deg, #f43f5e, #e11d48);
    box-shadow: 0 2px 8px rgba(244, 63, 94, 0.35);
}

.cl-stance-partner[b-w4j5jok6fa] {
    background: linear-gradient(135deg, #2dd4bf, #14b8a6);
    box-shadow: 0 2px 8px rgba(20, 184, 166, 0.35);
}

.cl-stance-monitor[b-w4j5jok6fa] {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    box-shadow: 0 2px 8px rgba(251, 191, 36, 0.35);
}

.cl-stance-learn[b-w4j5jok6fa] {
    background: linear-gradient(135deg, #818cf8, #6366f1);
    box-shadow: 0 2px 8px rgba(129, 140, 248, 0.35);
}

.cl-stancebg-differentiate[b-w4j5jok6fa] {
    background: transparent;
    color: #e11d48;
}

.cl-stancebg-partner[b-w4j5jok6fa] {
    background: transparent;
    color: var(--dv-teal);
}

.cl-stancebg-monitor[b-w4j5jok6fa] {
    background: transparent;
    color: var(--warning);
}

.cl-stancebg-learn[b-w4j5jok6fa] {
    background: transparent;
    color: #4f46e5;
}

.cl-chart-empty[b-w4j5jok6fa] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    z-index: 3;
    pointer-events: none;
}

    .cl-chart-empty i[b-w4j5jok6fa] {
        font-size: 2.5rem;
        color: var(--border);
    }

    .cl-chart-empty span[b-w4j5jok6fa] {
        font-size: 0.9375rem;
        font-weight: var(--font-weight-semibold);
        color: var(--ink-6);
    }

.cl-chart-empty-sub[b-w4j5jok6fa] {
    font-size: var(--text-base) !important;
    font-weight: 400 !important;
    color: var(--ink-6) !important;
}


.cl-card-name[b-w4j5jok6fa] {
    font-size: var(--text-md);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    line-height: 1.2;
}

.cl-card-domain[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    color: var(--ink-6);
    line-height: 1.3;
}

.cl-card-meta[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    color: var(--ink-6);
    margin-top: 2px;
}

.cl-card-badges[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-shrink: 0;
}

.cl-stance-pill[b-w4j5jok6fa] {
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-semibold);
    padding: 0.1875rem 0.5rem;
    border-radius: var(--radius-xs);
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.cl-card-strategy[b-w4j5jok6fa] {
    margin-bottom: 0.5rem;
}

.cl-card-target[b-w4j5jok6fa],
.cl-card-promise[b-w4j5jok6fa] {
    font-size: var(--text-sm);
    color: var(--ink-3);
    line-height: 1.5;
    margin-bottom: 0.25rem;
}

.cl-dim[b-w4j5jok6fa] {
    color: var(--ink-6);
}

.cl-card-swgrid[b-w4j5jok6fa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.625rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-lt);
}

.cl-sw-label[b-w4j5jok6fa] {
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.125rem;
}

.cl-sw-text[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    color: var(--ink-4);
    line-height: 1.45;
}

.cl-color-str[b-w4j5jok6fa] {
    color: var(--success);
}

.cl-color-wk[b-w4j5jok6fa] {
    color: var(--danger);
}

.cl-card-funding[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    padding: 0.4375rem 0;
    border-top: 1px dashed var(--border);
    font-size: var(--text-xs);
    color: var(--ink-5);
}

.cl-funding-icon[b-w4j5jok6fa] {
    color: var(--warning);
    font-size: var(--text-xs);
}

.cl-funding-stage[b-w4j5jok6fa] {
    font-weight: var(--font-weight-semibold);
    color: var(--ink-3);
}

.cl-funding-raised[b-w4j5jok6fa] {
    color: var(--success);
    font-weight: var(--font-weight-medium);
}

.cl-funding-rev[b-w4j5jok6fa] {
    color: var(--ink-4);
}

.cl-funding-investors[b-w4j5jok6fa] {
    color: var(--ink-5);
    font-style: italic;
}

.cl-funding-round[b-w4j5jok6fa] {
    color: var(--ink-6);
}

.cl-card-feats[b-w4j5jok6fa] {
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
    padding: 0.5rem 0;
    border-top: 1px solid var(--border-lt);
    margin-bottom: 0.4375rem;
}

.cl-card-feat[b-w4j5jok6fa] {
    display: flex;
    align-items: flex-start;
    gap: 0.4375rem;
    font-size: var(--text-xs);
    line-height: 1.45;
}

    .cl-card-feat i[b-w4j5jok6fa] {
        margin-top: 2px;
        font-size: var(--text-2xs);
    }

.cl-color-killer[b-w4j5jok6fa] {
    color: var(--warning);
}

.cl-color-killer-t[b-w4j5jok6fa] {
    color: #92400e;
}

.cl-color-gap-i[b-w4j5jok6fa] {
    color: #0ea5e9;
    font-size: 0.375rem !important;
}

.cl-color-gap-t[b-w4j5jok6fa] {
    color: #0369a1;
}

.cl-card-foot[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.4375rem;
    border-top: 1px solid var(--border-lt);
}

.cl-card-scores[b-w4j5jok6fa] {
    display: flex;
    gap: 0.75rem;
    font-size: var(--text-xs);
    color: var(--ink-5);
}

.cl-card-btns[b-w4j5jok6fa] {
    display: flex;
    gap: 0.25rem;
}

.cl-card-btn[b-w4j5jok6fa] {
    width: 26px;
    height: 26px;
    border-radius: 0.3125rem;
    border: 1px solid var(--border);
    background: var(--raised);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: var(--text-xs);
    color: var(--ink-5);
    transition: all 0.1s ease;
    pointer-events: auto;
}

    .cl-card-btn:hover[b-w4j5jok6fa] {
        background: var(--surface);
        border-color: var(--ink-7);
    }

    .cl-card-btn.watched[b-w4j5jok6fa] {
        color: var(--accent);
        border-color: color-mix(in srgb, var(--accent) 12%, transparent);
        background: color-mix(in srgb, var(--accent) 4%, transparent);
    }

.cl-thr-high[b-w4j5jok6fa] {
    color: var(--danger);
}

.cl-thr-med[b-w4j5jok6fa] {
    color: var(--warning);
}

.cl-thr-low[b-w4j5jok6fa] {
    color: var(--success);
}


.cl-main-panel[b-w4j5jok6fa] {
    margin-bottom: 2rem;
    background: var(--raised);
    border: 1px solid var(--border);
    border-radius: 0.625rem;
    overflow: hidden;
}

.cl-main-tabs[b-w4j5jok6fa] {
    display: flex;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
}

.cl-main-tab[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.75rem 1.25rem;
    font-size: var(--text-base);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-5);
    background: transparent;
    border: none;
    cursor: pointer;
    position: relative;
    transition: all 0.15s ease;
}

    .cl-main-tab:hover[b-w4j5jok6fa] {
        color: var(--ink-3);
        background: rgba(0, 0, 0, 0.02);
    }

    .cl-main-tab.active[b-w4j5jok6fa] {
        color: var(--ink);
        background: var(--surface);
    }

        .cl-main-tab.active[b-w4j5jok6fa]::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            right: 0;
            height: 2px;
            background: var(--ink);
        }

    .cl-main-tab i[b-w4j5jok6fa] {
        font-size: var(--text-base);
    }

.cl-main-tab-count[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    background: var(--border);
    color: var(--ink-4);
    padding: 0.125rem 0.5rem;
    border-radius: 2rem;
    min-width: 22px;
    text-align: center;
}

.cl-main-tab.active .cl-main-tab-count[b-w4j5jok6fa] {
    background: var(--ink);
    color: var(--raised);
}

.cl-main-content[b-w4j5jok6fa] {
    padding: 1rem 1.25rem;
    background: var(--surface);
}

.cl-list-cols[b-w4j5jok6fa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.cl-list-col[b-w4j5jok6fa] {
    min-width: 0;
}

.cl-col-header[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0;
    font-size: var(--text-base);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-4);
    margin-bottom: 0;
    border-bottom: 1px solid var(--border);
}

    .cl-col-header i[b-w4j5jok6fa] {
        font-size: var(--text-xs);
        color: var(--ink-6);
    }

.cl-row[b-w4j5jok6fa] {
    padding: 0.5rem 0.75rem;
    border: none;
    border-bottom: 1px solid var(--border-lt);
    border-radius: 0;
    margin-bottom: 0;
    background: transparent;
    transition: all 0.15s ease;
    cursor: default;
}

    .cl-row:hover[b-w4j5jok6fa],
    .cl-row.hovered[b-w4j5jok6fa] {
        background: var(--raised);
    }

.cl-row-main[b-w4j5jok6fa] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
}

.cl-row-dot[b-w4j5jok6fa] {
    width: 30px;
    height: 30px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-extrabold);
    color: #fff;
    flex-shrink: 0;
}

    .cl-row-dot.cl-dot-watched[b-w4j5jok6fa] {
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);
    }

.cl-row-favicon-wrap[b-w4j5jok6fa] {
    width: 30px;
    height: 30px;
    border-radius: var(--radius-sm);
    background: var(--surface);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    transition: all 0.15s ease;
}

    .cl-row-favicon-wrap.cl-dot-watched[b-w4j5jok6fa] {
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);
    }

.cl-row:hover .cl-row-favicon-wrap[b-w4j5jok6fa] {
    border-color: var(--ink-6);
}

.cl-row-favicon[b-w4j5jok6fa] {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.cl-row-info[b-w4j5jok6fa] {
    flex: 1;
    min-width: 0;
}

.cl-row-top[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-bottom: 0.125rem;
}

.cl-row-name[b-w4j5jok6fa] {
    font-size: var(--text-base);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    white-space: nowrap;
}

.cl-row-bell[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    color: var(--accent);
}

.cl-row-promise[b-w4j5jok6fa] {
    font-size: var(--text-sm);
    color: var(--ink-4);
    line-height: 1.45;
    margin-bottom: 0.125rem;
}

.cl-row-meta[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    color: var(--ink-6);
}

.cl-row-action[b-w4j5jok6fa] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid var(--border);
    background: var(--raised);
    color: var(--ink-6);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    cursor: pointer;
    flex-shrink: 0;
    align-self: center;
    transition: all 0.15s ease;
    opacity: 0;
}

.cl-row:hover .cl-row-action[b-w4j5jok6fa] {
    opacity: 1;
}

.cl-row-action:hover[b-w4j5jok6fa] {
    background: var(--ink);
    border-color: var(--ink);
    color: var(--raised);
    transform: translateX(2px);
}


.cl-feat-grid[b-w4j5jok6fa] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-radius: 0;
    overflow: hidden;
}

.cl-feat-column[b-w4j5jok6fa] {
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 420px;
    border-right: 1px solid var(--border-lt);
}

    .cl-feat-column:last-child[b-w4j5jok6fa] {
        border-right: none;
    }

.cl-feat-column-edge[b-w4j5jok6fa] {
    background: transparent;
}

.cl-feat-column-contested[b-w4j5jok6fa] {
    background: transparent;
}

.cl-feat-column-gaps[b-w4j5jok6fa] {
    background: transparent;
}

.cl-feat-column-header[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-4);
    border-bottom: 1px solid var(--border-lt);
    background: transparent;
}

    .cl-feat-column-header i[b-w4j5jok6fa] {
        font-size: var(--text-xs);
        color: var(--ink-6);
    }

.cl-feat-column-count[b-w4j5jok6fa] {
    margin-left: auto;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    padding: 0.125rem 0.5rem;
    border-radius: 2rem;
    min-width: 22px;
    text-align: center;
    background: rgba(0,0,0,0.05);
    color: var(--ink-5);
}

.cl-feat-column-items[b-w4j5jok6fa] {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.08) transparent;
}

    .cl-feat-column-items[b-w4j5jok6fa]::-webkit-scrollbar {
        width: 5px;
    }

    .cl-feat-column-items[b-w4j5jok6fa]::-webkit-scrollbar-track {
        background: transparent;
        margin: 4px 0;
    }

    .cl-feat-column-items[b-w4j5jok6fa]::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.08);
        border-radius: 4px;
    }

        .cl-feat-column-items[b-w4j5jok6fa]::-webkit-scrollbar-thumb:hover {
            background: rgba(0,0,0,0.15);
        }

.cl-feat-column:hover .cl-feat-column-items[b-w4j5jok6fa] {
    scrollbar-color: rgba(0,0,0,0.12) transparent;
}

    .cl-feat-column:hover .cl-feat-column-items[b-w4j5jok6fa]::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.12);
    }

.cl-feat-item[b-w4j5jok6fa] {
    padding: 0.5rem 0.625rem;
    background: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--border-lt);
    transition: all 0.15s ease;
}

    .cl-feat-item:last-child[b-w4j5jok6fa] {
        border-bottom: none;
    }

    .cl-feat-item:hover[b-w4j5jok6fa] {
        background: rgba(0, 0, 0, 0.015);
    }

.cl-feat-item-name[b-w4j5jok6fa] {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    margin-bottom: 0.125rem;
    line-height: 1.35;
}

.cl-feat-item-detail[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    color: var(--ink-4);
    line-height: 1.45;
    margin: 0;
}

.cl-feat-item-vs[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.375rem;
    padding-top: 0.25rem;
    border-top: 1px dashed var(--border-lt);
}

.cl-feat-chip-trigger[b-w4j5jok6fa] {
    cursor: pointer;
}

.cl-feat-vs-chip[b-w4j5jok6fa] {
    width: 20px;
    height: 20px;
    border-radius: var(--radius-sm);
    background: var(--raised);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.cl-feat-chip-trigger:hover .cl-feat-vs-chip[b-w4j5jok6fa] {
    border-color: var(--ink-6);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.cl-feat-vs-favicon[b-w4j5jok6fa] {
    width: 14px;
    height: 14px;
    object-fit: contain;
    filter: drop-shadow(0 0 0 #fff);
}

.cl-feat-vs-chip-text[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    color: #fff;
}

.cl-feat-vs-more[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-6);
    margin-left: 0.25rem;
}

.cl-feat-empty-col[b-w4j5jok6fa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 3rem 1rem;
    text-align: center;
    color: var(--ink-7);
    flex: 1;
}

    .cl-feat-empty-col i[b-w4j5jok6fa] {
        font-size: 1.75rem;
        opacity: 0.5;
    }

    .cl-feat-empty-col span[b-w4j5jok6fa] {
        font-size: var(--text-sm);
        color: var(--ink-6);
    }


.cl-context-grid[b-w4j5jok6fa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.cl-sidebar[b-w4j5jok6fa] {
    position: relative;
    padding: 0;
    background: var(--raised);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.cl-sidebar-header[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.625rem 1rem;
    border-bottom: 1px solid var(--border-lt);
}

.cl-sidebar-icon[b-w4j5jok6fa] {
    width: 28px;
    height: 28px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm);
    flex-shrink: 0;
}

.cl-sidebar-title[b-w4j5jok6fa] {
    font-size: var(--text-base);
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.005em;
    color: var(--ink-2);
}

.cl-sidebar-badge[b-w4j5jok6fa] {
    margin-left: auto;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    color: var(--ink-5);
    background: rgba(0,0,0,0.05);
    padding: 0.25rem 0.625rem;
    border-radius: 2rem;
}

.cl-sidebar-body[b-w4j5jok6fa] {
    padding: 0.75rem 1rem;
}

.cl-statusquo .cl-sidebar-body[b-w4j5jok6fa] {
    padding: 0.75rem 1rem;
}

.cl-statusquo .cl-sidebar-header[b-w4j5jok6fa] {
    background: var(--surface);
}

.cl-statusquo .cl-sidebar-icon[b-w4j5jok6fa] {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}

.cl-statusquo .cl-sidebar-title[b-w4j5jok6fa] {
    color: var(--ink-2);
}

.cl-failed .cl-sidebar-header[b-w4j5jok6fa] {
    background: var(--surface);
}

.cl-failed .cl-sidebar-icon[b-w4j5jok6fa] {
    background: linear-gradient(135deg, var(--ink-4), var(--ink-3));
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(71, 85, 105, 0.25);
}

.cl-sq-items[b-w4j5jok6fa] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cl-sq-item[b-w4j5jok6fa] {
    position: relative;
}

.cl-sq-item-label[b-w4j5jok6fa] {
    display: block;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #a8a29e;
    margin-bottom: 0.1875rem;
}

.cl-sq-item-value[b-w4j5jok6fa] {
    display: block;
    font-size: var(--text-base);
    color: #57534e;
    line-height: 1.5;
}

.cl-sq-item-trigger .cl-sq-item-label[b-w4j5jok6fa] {
    color: var(--warning);
}

.cl-failed-items[b-w4j5jok6fa] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.cl-failed-item[b-w4j5jok6fa] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 0;
    background: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--border-lt);
}

.cl-failed-marker[b-w4j5jok6fa] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d6d3d1;
    flex-shrink: 0;
    margin-top: 0.4375rem;
}

.cl-failed-item[data-outcome="shut-down"] .cl-failed-marker[b-w4j5jok6fa] {
    background: #fca5a5;
}

.cl-failed-item[data-outcome="pivoted"] .cl-failed-marker[b-w4j5jok6fa] {
    background: #fcd34d;
}

.cl-failed-item[data-outcome="acquired"] .cl-failed-marker[b-w4j5jok6fa] {
    background: #93c5fd;
}

.cl-failed-content[b-w4j5jok6fa] {
    flex: 1;
    min-width: 0;
}

.cl-failed-top[b-w4j5jok6fa] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-bottom: 0.25rem;
    flex-wrap: wrap;
}

.cl-failed-name[b-w4j5jok6fa] {
    font-size: var(--text-base);
    font-weight: var(--font-weight-semibold);
    color: #57534e;
}

.cl-failed-year[b-w4j5jok6fa] {
    font-size: var(--text-xs);
    color: #a8a29e;
}

.cl-failed-outcome[b-w4j5jok6fa] {
    margin-left: auto;
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.1875rem 0.5rem;
    border-radius: var(--radius-xs);
    background: #f5f5f4;
    color: #78716c;
}

.cl-failed-item[data-outcome="shut-down"] .cl-failed-outcome[b-w4j5jok6fa] {
    background: var(--danger-surface);
    color: var(--danger);
}

.cl-failed-item[data-outcome="pivoted"] .cl-failed-outcome[b-w4j5jok6fa] {
    background: var(--warning-surface);
    color: var(--warning);
}

.cl-failed-item[data-outcome="acquired"] .cl-failed-outcome[b-w4j5jok6fa] {
    background: var(--success-surface);
    color: var(--success);
}

.cl-failed-item[data-outcome="merged"] .cl-failed-outcome[b-w4j5jok6fa] {
    background: var(--info-surface);
    color: var(--info);
}

.cl-failed-item[data-outcome="stalled"] .cl-failed-outcome[b-w4j5jok6fa] {
    background: #faf5ff;
    color: #9333ea;
}

.cl-failed-lesson[b-w4j5jok6fa] {
    font-size: var(--text-sm);
    color: #78716c;
    line-height: 1.5;
    margin: 0;
}

.cl-failed-arrow[b-w4j5jok6fa] {
    color: #d6d3d1;
    margin: 0 0.25rem;
}

.cl-failed-search[b-w4j5jok6fa] {
    width: 22px;
    height: 22px;
    border-radius: var(--radius-xs);
    border: none;
    background: transparent;
    color: #d6d3d1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    transition: all 0.15s ease;
    margin-left: 0.25rem;
    flex-shrink: 0;
}

    .cl-failed-search:hover[b-w4j5jok6fa] {
        background: #fafaf9;
        color: #78716c;
    }

.cl-failed-item:hover .cl-failed-search[b-w4j5jok6fa] {
    color: #a8a29e;
}


.cl-disclaimer[b-w4j5jok6fa] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--warning-surface);
    border: 1px solid var(--warning-border);
    border-radius: 0.4375rem;
    font-size: var(--text-sm);
    line-height: 1.55;
    color: #92400e;
}

    .cl-disclaimer i[b-w4j5jok6fa] {
        flex-shrink: 0;
        margin-top: 0.125rem;
        color: var(--warning);
        font-size: var(--text-xs);
    }


@media (max-width: 1100px) {
    .cl-hero-cards[b-w4j5jok6fa] {
        grid-template-columns: 1fr 1fr;
    }

    .cl-hero-card-wide[b-w4j5jok6fa] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 960px) {
    .cl-context-grid[b-w4j5jok6fa] {
        grid-template-columns: 1fr;
    }

    .cl-hero-cards[b-w4j5jok6fa] {
        grid-template-columns: 1fr;
    }

    .cl-list-cols[b-w4j5jok6fa] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .cl-feat-grid[b-w4j5jok6fa] {
        grid-template-columns: 1fr;
    }

    .cl-feat-column[b-w4j5jok6fa] {
        min-height: 280px;
        border-right: none;
        border-bottom: 1px solid var(--border-lt);
    }

        .cl-feat-column:last-child[b-w4j5jok6fa] {
            border-bottom: none;
        }
}

@media (min-width: 641px) and (max-width: 960px) {
    .cl-feat-grid[b-w4j5jok6fa] {
        grid-template-columns: 1fr 1fr;
    }

    .cl-feat-column-gaps[b-w4j5jok6fa] {
        grid-column: 1 / -1;
    }

    .cl-feat-column[b-w4j5jok6fa] {
        border-right: none;
        border-bottom: 1px solid var(--border-lt);
    }

        .cl-feat-column:nth-child(odd)[b-w4j5jok6fa] {
            border-right: 1px solid var(--border-lt);
        }
}

@media (max-width: 640px) {
    .cl-action-bar[b-w4j5jok6fa] {
        flex-wrap: wrap;
    }

    .cl-action-fill[b-w4j5jok6fa] {
        display: none;
    }

    .cl-fold-toggle[b-w4j5jok6fa] {
        font-size: 11px;
        padding: 3px 8px;
    }

    .cl-panel-content[b-w4j5jok6fa] {
        width: 300px;
        padding: 0.75rem 1rem 0.625rem 60px;
    }

    .cl-dot-anchor.flip-left .cl-panel-content[b-w4j5jok6fa] {
        padding: 0.75rem 60px 0.625rem 1rem;
    }

    .cl-panel-logo[b-w4j5jok6fa] {
        width: 38px;
        height: 38px;
    }

    .cl-hero-title[b-w4j5jok6fa] {
        font-size: var(--text-lg);
    }

    .cl-main-tabs[b-w4j5jok6fa] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .cl-main-tab[b-w4j5jok6fa] {
        padding: 0.75rem 1rem;
        font-size: var(--text-base);
        white-space: nowrap;
    }

        .cl-main-tab span:not(.cl-main-tab-count)[b-w4j5jok6fa] {
            display: none;
        }

    .cl-main-content[b-w4j5jok6fa] {
        padding: 0.75rem;
        background: var(--surface);
    }

    .cl-feat-grid[b-w4j5jok6fa] {
        grid-template-columns: 1fr;
    }

    .cl-feat-column[b-w4j5jok6fa] {
        min-height: 240px;
        border-right: none;
        border-bottom: 1px solid var(--border-lt);
    }

    .cl-hero-card[b-w4j5jok6fa] {
        padding: 1rem;
    }

    .cl-row[b-w4j5jok6fa] {
        padding: 0.375rem 0;
    }

    .cl-row-dot[b-w4j5jok6fa] {
        width: 26px;
        height: 26px;
        font-size: var(--text-xs);
    }

    .cl-row-name[b-w4j5jok6fa] {
        font-size: var(--text-sm);
    }

    .cl-row-promise[b-w4j5jok6fa] {
        font-size: var(--text-xs);
    }

    .cl-row-action[b-w4j5jok6fa] {
        opacity: 1;
        width: 24px;
        height: 24px;
    }

    .cl-row-favicon-wrap[b-w4j5jok6fa],
    .cl-row-dot[b-w4j5jok6fa] {
        width: 26px;
        height: 26px;
    }

    .cl-row-favicon[b-w4j5jok6fa] {
        width: 16px;
        height: 16px;
    }

    .cl-quad-watermark[b-w4j5jok6fa] {
        font-size: var(--text-md);
    }

    .cl-sidebar-header[b-w4j5jok6fa] {
        padding: 0.75rem 1rem;
    }

    .cl-sidebar-icon[b-w4j5jok6fa] {
        width: 30px;
        height: 30px;
        font-size: var(--text-sm);
    }

    .cl-sidebar-title[b-w4j5jok6fa] {
        font-size: var(--text-base);
    }

    .cl-sidebar-body[b-w4j5jok6fa] {
        padding: 0.875rem 1rem;
    }
}


@media (prefers-reduced-motion: reduce) {
    .cl-section[b-w4j5jok6fa] {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .cl-glow-dot[b-w4j5jok6fa] {
        animation: none;
    }

    .cl-panel-logo[b-w4j5jok6fa] {
        animation: none;
    }

    .cl-fold-toggle[b-w4j5jok6fa] {
        animation: none;
        opacity: 1;
    }

    .cl-processing[b-w4j5jok6fa] {
        animation: none;
        -webkit-text-fill-color: var(--ink-6);
    }

    .cl-dot-anchor.high-threat .cl-panel-logo[b-w4j5jok6fa] {
        animation: none;
    }

        .cl-dot-anchor.high-threat .cl-panel-logo.has-favicon[b-w4j5jok6fa] {
            animation: none;
            border-color: #fca5a5;
        }
}
/* /Components/ProdComponents/ConfirmationBox.razor.rz.scp.css */
.modal-dark[b-6mxdhndyso] {
    --modal-bg: linear-gradient(to bottom, #0f172a, #1e1921);
    --modal-text: #dccdd9;
    --modal-text-secondary: #cbd5e1;
    --modal-border: rgb(86, 55, 88, 0.12);
    --modal-shadow: rgba(0, 0, 0, 0.45);
    --modal-button-cancel: rgba(148, 163, 184, 0.1);
    --modal-button-cancel-hover: rgba(148, 163, 184, 0.2);
    --modal-button-confirm-delete: rgba( 103, 26, 26 ,.8);
    --modal-button-confirm-hover-delete: rgba( 103, 26, 26,.95 );
    --modal-button-confirm-general: rgba(149, 38, 138,0.85);
    --modal-button-confirm-hover-general: rgba(149, 38, 138,0.95);
    --modal-overlay: rgba(0, 0, 0, 0.8);
}

.modal[b-6mxdhndyso] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1050;
}

    .modal.show[b-6mxdhndyso] {
        display: block;
    }

.modal-dialog[b-6mxdhndyso] {
    position: relative;
    width: auto;
    margin: 1.75rem auto;
    max-width: 500px;
    min-height: calc(100% - 3.5rem);
    display: flex;
    align-items: center;
}

    .modal-dialog.centered[b-6mxdhndyso] {
        align-items: center;
    }

.modal-dark .modal-content[b-6mxdhndyso] {
    position: relative;
    width: 100%;
    pointer-events: auto;
    background: var(--modal-bg);
    border: 2px solid var(--modal-border);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 20px 25px -5px var(--modal-shadow), 0 8px 10px -6px var(--modal-shadow);
    border-radius: 1rem;
    backdrop-filter: blur(8px);
}

.modal-dark .modal-header[b-6mxdhndyso] {
    border-bottom: 1px solid var(--modal-border);
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-dark .modal-title[b-6mxdhndyso] {
    font-family: var(--font-family-display);
    color: var(--modal-text);
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.5;
    margin: 0;
}

.modal-dark .close[b-6mxdhndyso] {
    background: none;
    border: none;
    color: var(--modal-text-secondary);
    cursor: pointer;
    padding: 0.5rem;
}

.modal-dark .modal-body[b-6mxdhndyso] {
    font-family: var(--font-family-display);
    padding: 1.5rem;
    color: var(--modal-text-secondary);
    font-size: 0.9375rem;
    line-height: 1.6;
    letter-spacing: 0.01em;
}

.modal-dark .modal-footer[b-6mxdhndyso] {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid var(--modal-border);
    padding: 1rem 1.5rem;
    gap: 0.75rem;
}

.modal-dark .button[b-6mxdhndyso] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    border-radius: 0.5rem;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: none;
    outline: none;
}

    .modal-dark .button.cancel[b-6mxdhndyso] {
        background-color: var(--modal-button-cancel);
        color: var(--modal-text-secondary);
    }

        .modal-dark .button.cancel:hover[b-6mxdhndyso] {
            background-color: var(--modal-button-cancel-hover);
            color: var(--modal-text);
        }

    .modal-dark .button.confirm-delete[b-6mxdhndyso] {
        background-color: var(--modal-button-confirm-delete);
        color: var(--modal-text);
    }

        .modal-dark .button.confirm-delete:hover[b-6mxdhndyso] {
            background-color: var(--modal-button-confirm-hover-delete);
            transform: translateY(-1px);
        }

    .modal-dark .button.confirm-general[b-6mxdhndyso] {
        background-color: var(--modal-button-confirm-general);
        color: var(--modal-text);
    }

        .modal-dark .button.confirm-general:hover[b-6mxdhndyso] {
            background-color: var(--modal-button-confirm-hover-general);
            transform: translateY(-1px);
        }

.modal-dark .icon-warning[b-6mxdhndyso] {
    color: var(--modal-button-confirm-delete);
    font-size: 1.25rem;
    margin-right: 1rem;
}

.modal-dark .icon-information[b-6mxdhndyso] {
    color: var(--modal-button-confirm-general);
    font-size: 1.25rem;
    margin-right: 1rem;
}

.modal-dark .message-container[b-6mxdhndyso] {
    display: flex;
    align-items: flex-start;
}

.modal-backdrop[b-6mxdhndyso] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1040;
    opacity: 0;
    transition: opacity 0.15s linear;
}

.modal-dark .modal-backdrop.show[b-6mxdhndyso] {
    background-color: var(--modal-overlay);
    backdrop-filter: blur(4px);
    opacity: 1;
}
.modal-dark .close[b-6mxdhndyso] {
    background: none;
    border: none;
    color: var(--modal-text-secondary);
    cursor: pointer;
    padding: 0.5rem;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 0.2s ease;
}

    .modal-dark .close:hover[b-6mxdhndyso] {
        color: var(--modal-text);
    }
/* /Components/ProdComponents/DeleteConfirmationPanel.razor.rz.scp.css */
.delete-panel[b-6pjknya0q4] {
    font-family: var(--font-family-primary);
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 50px;
    border-radius: 20px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6;
    margin-top: 50px;
}

    .delete-panel:not(.expanded)[b-6pjknya0q4] {
        background: var(--background-secondary);
        border: 1px solid var(--border-color);
    }

        .delete-panel:not(.expanded):hover[b-6pjknya0q4] {
            background: var(--border-light);
        }

.delete-trigger[b-6pjknya0q4] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 24px;
    background: transparent;
    border: none;
    color: var(--text-tertiary);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.15s ease;
    font-family: inherit;
}

    .delete-trigger:hover[b-6pjknya0q4] {
        color: var(--text-secondary);
    }

    .delete-trigger i[b-6pjknya0q4] {
        font-size: 12px;
    }

.delete-confirm-section[b-6pjknya0q4] {
    padding: 24px;
    background: var(--background-secondary);
    border-radius: 12px;
    border: 1px solid var(--border-light);
    width: 100%;
    box-sizing: border-box;
}

.delete-panel.expanded[b-6pjknya0q4] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    padding: 40px 48px;
    max-width: 1360px;
    width: 100%;
    margin-top: 50px;
}

.delete-content[b-6pjknya0q4] {
    width: 100%;
}

.delete-header[b-6pjknya0q4] {
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-light);
}

.delete-header-text h3[b-6pjknya0q4] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-heading);
    margin: 0 0 6px 0;
    letter-spacing: -0.02em;
}

.delete-subtitle[b-6pjknya0q4] {
    font-size: 14px;
    color: var(--text-secondary);
    margin: 0;
}

    .delete-subtitle strong[b-6pjknya0q4] {
        color: var(--text-heading);
        font-weight: 600;
    }

.delete-info-section[b-6pjknya0q4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 24px;
}

    .delete-info-section.single-column[b-6pjknya0q4] {
        grid-template-columns: 1fr;
    }

        .delete-info-section.single-column .info-block[b-6pjknya0q4] {
            max-width: 600px;
        }

.info-block[b-6pjknya0q4] {
    padding: 20px;
    border-radius: 12px;
    background: var(--background-secondary);
    border: 1px solid var(--border-light);
}

.info-header[b-6pjknya0q4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-heading);
}

    .info-header i[b-6pjknya0q4] {
        font-size: 13px;
        color: var(--text-tertiary);
    }

.info-list[b-6pjknya0q4] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .info-list li[b-6pjknya0q4] {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        font-size: 13px;
        color: var(--text-secondary);
        line-height: 1.4;
    }

        .info-list li i[b-6pjknya0q4] {
            font-size: 5px;
            color: var(--text-tertiary);
            margin-top: 6px;
            flex-shrink: 0;
        }

.info-note[b-6pjknya0q4] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--border-light);
    font-size: 12px;
    color: var(--text-tertiary);
    line-height: 1.5;
}

    .info-note i[b-6pjknya0q4] {
        font-size: 11px;
        color: var(--text-tertiary);
        margin-top: 1px;
        flex-shrink: 0;
    }

.save-description[b-6pjknya0q4] {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.5;
    margin: 0 0 12px 0;
}

.save-clarification[b-6pjknya0q4] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12px;
    color: var(--text-secondary);
    line-height: 1.5;
    margin: 0 0 16px 0;
    padding: 10px 12px;
    background: var(--border-light);
    border-radius: 6px;
}

    .save-clarification i[b-6pjknya0q4] {
        font-size: 10px;
        color: var(--text-tertiary);
        margin-top: 2px;
        flex-shrink: 0;
    }

    .save-clarification strong[b-6pjknya0q4] {
        font-weight: 600;
    }

.save-actions[b-6pjknya0q4] {
    display: flex;
    gap: 8px;
}

.btn-save[b-6pjknya0q4],
.btn-email[b-6pjknya0q4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid var(--border-color);
    font-family: inherit;
    background: var(--background-primary);
    color: var(--text-secondary);
}

    .btn-save:hover:not(:disabled)[b-6pjknya0q4],
    .btn-email:hover:not(:disabled)[b-6pjknya0q4] {
        background: var(--background-secondary);
        border-color: var(--text-tertiary);
        color: var(--text-heading);
    }

    .btn-save:disabled[b-6pjknya0q4],
    .btn-email:disabled[b-6pjknya0q4] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .btn-save i[b-6pjknya0q4],
    .btn-email i[b-6pjknya0q4] {
        font-size: 11px;
    }

.btn-spinner-sm[b-6pjknya0q4] {
    width: 10px;
    height: 10px;
    border: 1.5px solid var(--border-color);
    border-top-color: var(--text-tertiary);
    border-radius: 50%;
    animation: spin-b-6pjknya0q4 0.7s linear infinite;
}

.account-disclaimer[b-6pjknya0q4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.disclaimer-text[b-6pjknya0q4] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: var(--text-primary);
    line-height: 1.6;
    margin: 0;
    padding: 14px 16px;
    background: #fef3c7;
    border: 1px solid #fcd34d;
    border-radius: 8px;
}

    .disclaimer-text i[b-6pjknya0q4] {
        color: #d97706;
        font-size: 14px;
        margin-top: 2px;
        flex-shrink: 0;
    }

    .disclaimer-text strong[b-6pjknya0q4] {
        font-weight: 700;
    }

.disclaimer-note[b-6pjknya0q4] {
    font-size: 12px;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
}

    .disclaimer-note strong[b-6pjknya0q4] {
        font-weight: 600;
        color: var(--text-heading);
    }

.otp-request-block[b-6pjknya0q4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 8px 16px;
    gap: 16px;
}

.otp-request-text[b-6pjknya0q4] {
    font-size: 14px;
    color: var(--text-secondary);
    margin: 0;
    max-width: 400px;
    line-height: 1.5;
}

    .otp-request-text strong[b-6pjknya0q4] {
        color: var(--text-heading);
        font-weight: 600;
    }

.btn-request-otp[b-6pjknya0q4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    background: var(--accent);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease;
    font-family: inherit;
}

    .btn-request-otp:hover:not(:disabled)[b-6pjknya0q4] {
        background: var(--color-accent-2);
    }

    .btn-request-otp:disabled[b-6pjknya0q4] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .btn-request-otp i[b-6pjknya0q4] {
        font-size: 13px;
    }

.otp-verify-block[b-6pjknya0q4] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.otp-sent-notice[b-6pjknya0q4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    font-size: 13px;
    color: #166534;
}

    .otp-sent-notice i[b-6pjknya0q4] {
        color: #22c55e;
        font-size: 14px;
    }

    .otp-sent-notice strong[b-6pjknya0q4] {
        font-weight: 600;
    }

.otp-input-row[b-6pjknya0q4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.otp-input-title[b-6pjknya0q4] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-heading);
    text-align: center;
}

.otp-input-wrap[b-6pjknya0q4] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

    .otp-input-wrap .verify-input[b-6pjknya0q4] {
        width: 140px;
        padding: 10px 14px;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.25em;
        text-align: center;
        color: var(--text-heading);
        background: var(--background-primary);
        border: 2px solid var(--border-color);
        border-radius: 10px;
        outline: none;
        transition: border-color 0.15s ease, background-color 0.15s ease;
        font-family: 'SF Mono', 'Consolas', monospace;
    }

        .otp-input-wrap .verify-input[b-6pjknya0q4]::placeholder {
            color: var(--text-tertiary);
            font-weight: 400;
            letter-spacing: 0.2em;
            font-size: 16px;
        }

        .otp-input-wrap .verify-input:focus[b-6pjknya0q4] {
            border-color: var(--accent);
        }

        .otp-input-wrap .verify-input.invalid[b-6pjknya0q4] {
            border-color: #f87171;
            background: #fef2f2;
        }

        .otp-input-wrap .verify-input.valid[b-6pjknya0q4] {
            border-color: #22c55e;
            background: #f0fdf4;
        }

        .otp-input-wrap .verify-input[readonly][b-6pjknya0q4] {
            cursor: default;
        }

    .otp-input-wrap .verify-check[b-6pjknya0q4] {
        position: absolute;
        right: -28px;
        font-size: 18px;
        color: #22c55e;
    }

.otp-resend-row[b-6pjknya0q4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-tertiary);
    min-height: 24px;
}

    .otp-resend-row .btn-resend[b-6pjknya0q4] {
        background: transparent;
        border: none;
        color: var(--accent);
        font-size: 12px;
        font-weight: 600;
        cursor: pointer;
        padding: 4px 8px;
        border-radius: 4px;
        transition: background 0.15s ease;
        font-family: inherit;
    }

        .otp-resend-row .btn-resend:hover:not(:disabled)[b-6pjknya0q4] {
            background: rgba(219, 39, 119, 0.08);
        }

        .otp-resend-row .btn-resend:disabled[b-6pjknya0q4] {
            opacity: 0.5;
            cursor: not-allowed;
        }

    .otp-resend-row .resend-limit[b-6pjknya0q4] {
        font-size: 11px;
        color: var(--text-tertiary);
        font-style: italic;
    }

.otp-verified-text[b-6pjknya0q4] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #16a34a;
    font-weight: 500;
}

    .otp-verified-text i[b-6pjknya0q4] {
        font-size: 12px;
    }

.otp-error[b-6pjknya0q4] {
    font-size: 12px;
    color: #dc2626;
    margin: 0;
    text-align: center;
}

.standard-confirm-block[b-6pjknya0q4] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.verify-group[b-6pjknya0q4] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.verify-label[b-6pjknya0q4] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 500;
}

.verify-input-wrap[b-6pjknya0q4] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.verify-input[b-6pjknya0q4] {
    width: 160px;
    padding: 10px 32px 10px 14px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-heading);
    background: var(--background-primary);
    border: 1.5px solid var(--border-color);
    border-radius: 6px;
    outline: none;
    transition: border-color 0.15s ease, background-color 0.15s ease;
    font-family: inherit;
}

    .verify-input[b-6pjknya0q4]::placeholder {
        color: var(--text-tertiary);
        font-weight: 400;
    }

    .verify-input:focus[b-6pjknya0q4] {
        border-color: var(--text-tertiary);
    }

    .verify-input.invalid[b-6pjknya0q4] {
        border-color: #f87171;
        background: #fef2f2;
    }

    .verify-input.valid[b-6pjknya0q4] {
        border-color: #4ade80;
        background: #f0fdf4;
    }

    .verify-input[readonly][b-6pjknya0q4] {
        cursor: default;
    }

.verify-check[b-6pjknya0q4] {
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: #22c55e;
}

.action-area[b-6pjknya0q4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--border-light);
}

.confirm-panel[b-6pjknya0q4] {
    display: flex;
    justify-content: center;
    padding: 16px 24px;
    background: #fefce8;
    border: 1px solid #fef08a;
    border-radius: 10px;
    transition: background 0.2s ease, border-color 0.2s ease;
}

    .confirm-panel.active[b-6pjknya0q4] {
        background: #fef9c3;
        border-color: #fde047;
    }

.confirm-check[b-6pjknya0q4] {
    display: inline-flex;
    align-items: flex-start;
    gap: 14px;
    cursor: pointer;
    user-select: none;
}

    .confirm-check.disabled[b-6pjknya0q4] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .confirm-check input[type="checkbox"][b-6pjknya0q4] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

.check-box[b-6pjknya0q4] {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 2.5px solid #d1d5db;
    border-radius: 6px;
    transition: all 0.15s ease;
}

    .check-box i[b-6pjknya0q4] {
        font-size: 13px;
        color: white;
        opacity: 0;
        transition: opacity 0.1s ease;
    }

.confirm-check:not(.disabled) input:not(:checked) ~ .check-box:hover[b-6pjknya0q4] {
    border-color: var(--accent);
}

.confirm-check input:checked ~ .check-box[b-6pjknya0q4] {
    background: var(--accent);
    border-color: var(--accent);
}

    .confirm-check input:checked ~ .check-box i[b-6pjknya0q4] {
        opacity: 1;
    }

.check-label[b-6pjknya0q4] {
    font-size: 13px;
    color: var(--text-primary);
    font-weight: 500;
    line-height: 1.5;
    padding-top: 3px;
    max-width: 420px;
}

.button-row[b-6pjknya0q4] {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-top: 4px;
}

.btn-cancel[b-6pjknya0q4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: inherit;
    white-space: nowrap;
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

    .btn-cancel:hover[b-6pjknya0q4] {
        background: var(--background-secondary);
        color: var(--text-heading);
        border-color: var(--text-tertiary);
    }

    .btn-cancel i[b-6pjknya0q4] {
        font-size: 11px;
    }

.btn-delete[b-6pjknya0q4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    border: none;
    font-family: inherit;
    white-space: nowrap;
    background: #dc2626;
    color: white;
}

    .btn-delete:hover:not(:disabled)[b-6pjknya0q4] {
        background: #b91c1c;
    }

    .btn-delete:disabled[b-6pjknya0q4] {
        opacity: 0.35;
        cursor: not-allowed;
        background: #9ca3af;
    }

    .btn-delete i[b-6pjknya0q4] {
        font-size: 12px;
    }

.state-view[b-6pjknya0q4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 40px 24px;
}

    .state-view .state-text[b-6pjknya0q4] {
        margin-bottom: 20px;
    }

        .state-view .state-text h4[b-6pjknya0q4] {
            font-size: 17px;
            font-weight: 700;
            margin: 0 0 6px 0;
            color: var(--text-heading);
        }

        .state-view .state-text p[b-6pjknya0q4] {
            font-size: 13px;
            color: var(--text-secondary);
            margin: 0;
            max-width: 340px;
            line-height: 1.5;
        }

            .state-view .state-text p strong[b-6pjknya0q4] {
                font-weight: 600;
            }

    .state-view.processing[b-6pjknya0q4] {
        gap: 16px;
    }

.simple-spinner[b-6pjknya0q4] {
    display: block;
    width: 32px;
    height: 32px;
    border: 3px solid var(--border-color);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-6pjknya0q4 0.8s linear infinite;
}

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

.processing-text[b-6pjknya0q4] {
    font-size: 14px;
    color: var(--text-secondary);
    margin: 0;
}

.state-view.success[b-6pjknya0q4] {
    gap: 16px;
}

.success-icon[b-6pjknya0q4] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dcfce7;
    border-radius: 50%;
}

    .success-icon i[b-6pjknya0q4] {
        font-size: 22px;
        color: #16a34a;
    }

.state-view.success .state-text h4[b-6pjknya0q4] {
    color: #166534;
}

.redirect-notice[b-6pjknya0q4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 500;
}

.redirect-spinner[b-6pjknya0q4] {
    width: 12px;
    height: 12px;
    border: 2px solid var(--border-color);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-6pjknya0q4 0.8s linear infinite;
}

.state-view.failure[b-6pjknya0q4] {
    gap: 16px;
}

.failure-icon[b-6pjknya0q4] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fee2e2;
    border-radius: 50%;
}

    .failure-icon i[b-6pjknya0q4] {
        font-size: 22px;
        color: #dc2626;
    }

.state-view.failure .state-text h4[b-6pjknya0q4] {
    color: #dc2626;
}

.failure-actions[b-6pjknya0q4] {
    display: flex;
    gap: 12px;
}

.btn-retry[b-6pjknya0q4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    border: none;
    font-family: inherit;
    white-space: nowrap;
    background: var(--text-secondary);
    color: white;
}

    .btn-retry:hover[b-6pjknya0q4] {
        background: var(--text-heading);
    }

    .btn-retry i[b-6pjknya0q4] {
        font-size: 10px;
    }

@media (max-width: 1100px) {
    .delete-panel.expanded[b-6pjknya0q4] {
        padding: 32px 36px;
    }

    .delete-info-section[b-6pjknya0q4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .button-row[b-6pjknya0q4] {
        flex-direction: column-reverse;
        width: 100%;
    }

    .btn-cancel[b-6pjknya0q4],
    .btn-delete[b-6pjknya0q4] {
        width: 100%;
    }

    .confirm-panel[b-6pjknya0q4] {
        padding: 14px 16px;
    }

    .check-label[b-6pjknya0q4] {
        max-width: none;
    }

    .verify-group[b-6pjknya0q4] {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .verify-input-wrap[b-6pjknya0q4] {
        width: 100%;
    }

    .verify-input[b-6pjknya0q4] {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .delete-panel.expanded[b-6pjknya0q4] {
        padding: 24px 20px;
        border-radius: 16px;
        margin-bottom: 32px;
    }

    .delete-header[b-6pjknya0q4] {
        margin-bottom: 20px;
        padding-bottom: 18px;
    }

    .delete-header-text h3[b-6pjknya0q4] {
        font-size: 18px;
    }

    .info-block[b-6pjknya0q4] {
        padding: 16px;
    }

    .save-actions[b-6pjknya0q4] {
        flex-direction: column;
    }

    .btn-save[b-6pjknya0q4],
    .btn-email[b-6pjknya0q4] {
        width: 100%;
        justify-content: center;
    }

    .delete-confirm-section[b-6pjknya0q4] {
        padding: 20px 16px;
    }

    .otp-input-wrap .verify-input[b-6pjknya0q4] {
        width: 140px;
        font-size: 18px;
    }

    .state-view[b-6pjknya0q4] {
        padding: 28px 16px;
        min-height: 200px;
    }

    .failure-actions[b-6pjknya0q4] {
        flex-direction: column;
        width: 100%;
    }

        .failure-actions button[b-6pjknya0q4] {
            width: 100%;
        }

    .otp-request-block[b-6pjknya0q4] {
        padding: 8px 12px;
    }

    .btn-request-otp[b-6pjknya0q4] {
        width: 100%;
    }

    .otp-sent-notice[b-6pjknya0q4] {
        flex-direction: column;
        text-align: center;
        gap: 4px;
    }

    .check-box[b-6pjknya0q4] {
        width: 24px;
        height: 24px;
    }

        .check-box i[b-6pjknya0q4] {
            font-size: 12px;
        }

    .action-area[b-6pjknya0q4] {
        gap: 14px;
        margin-top: 18px;
        padding-top: 18px;
    }

    .confirm-panel[b-6pjknya0q4] {
        padding: 14px 16px;
    }
}

@media (max-width: 400px) {
    .delete-panel.expanded[b-6pjknya0q4] {
        padding: 20px 16px;
    }

    .otp-input-wrap .verify-input[b-6pjknya0q4] {
        width: 130px;
        font-size: 16px;
        padding: 8px 12px;
    }
}
/* /Components/ProdComponents/DocumentationHub.razor.rz.scp.css */
.dh[b-trzwm5zyma] {
    --dh-accent: var(--accent, #f00c71);
    --dh-accent-deep: var(--accent-deep, #a1084c);
    --dh-ink: var(--ink, #0f172a);
    --dh-ink-2: var(--ink-3, #334155);
    --dh-ink-3: var(--ink-5, #64748b);
    --dh-ink-4: var(--ink-6, #94a3b8);
    --dh-line: var(--border, #e8eaed);
    --dh-paper: var(--raised, #ffffff);
    --dh-wash: var(--surface, #f8f9fa);
    --dh-font: var(--font, 'Inter', system-ui, sans-serif);
    --dh-display: 'Space Grotesk', var(--dh-font);
    --dh-radius: 14px;
    --dh-l-bg: #ffffff;
    --dh-l-bg-hover: #f6f7f9;
    --dh-l-line: rgba(15, 23, 42, 0.12);
    --dh-l-ink: #0f172a;
    --dh-l-ink-soft: #64748b;
    position: relative;
    display: inline-flex;
    font-family: var(--dh-font);
    -webkit-font-smoothing: antialiased;
}

.dh--dark[b-trzwm5zyma] {
    --dh-l-bg: rgba(255, 255, 255, 0.06);
    --dh-l-bg-hover: rgba(255, 255, 255, 0.11);
    --dh-l-line: rgba(255, 255, 255, 0.16);
    --dh-l-ink: #f5f3ee;
    --dh-l-ink-soft: rgba(245, 243, 238, 0.62);
}

.dh-launch[b-trzwm5zyma] {
    display: inline-flex;
    align-items: stretch;
    gap: 8px;
}

.dh-go[b-trzwm5zyma] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    padding: 8px 18px 8px 8px;
    border-radius: 999px;
    border: 1px solid var(--dh-l-line);
    background: var(--dh-l-bg);
    color: var(--dh-l-ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, transform .18s cubic-bezier(.16, 1, .3, 1), box-shadow .18s ease;
    backdrop-filter: blur(6px);
}

    .dh-go:hover:not(:disabled)[b-trzwm5zyma] {
        background: var(--dh-l-bg-hover);
        border-color: color-mix(in srgb, var(--dh-accent) 55%, var(--dh-l-line));
        transform: translateY(-1px);
        box-shadow: 0 10px 28px -14px color-mix(in srgb, var(--dh-accent) 70%, transparent);
    }

    .dh-go:active:not(:disabled)[b-trzwm5zyma] { transform: translateY(0); }
    .dh-go:focus-visible[b-trzwm5zyma], .dh-more:focus-visible[b-trzwm5zyma] { outline: 2px solid var(--dh-accent); outline-offset: 3px; }
    .dh-go:disabled[b-trzwm5zyma] { cursor: default; opacity: .72; }

.dh-disc[b-trzwm5zyma] {
    flex: none;
    position: relative;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: radial-gradient(120% 120% at 30% 20%, color-mix(in srgb, var(--dh-accent) 70%, #ffffff) 0%, var(--dh-accent) 45%, var(--dh-accent-deep) 100%);
    color: #fff;
    font-size: 15px;
    box-shadow: 0 6px 16px -6px color-mix(in srgb, var(--dh-accent) 80%, transparent), inset 0 1px 0 rgba(255, 255, 255, .35);
}

.dh-go-text[b-trzwm5zyma] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.dh-go-eyebrow[b-trzwm5zyma] {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--dh-l-ink-soft);
}

.dh-go-title[b-trzwm5zyma] {
    font-family: var(--dh-display);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 22ch;
}

.dh-go-sub[b-trzwm5zyma] {
    display: flex;
    gap: 4px;
    font-size: 12px;
    color: var(--dh-l-ink-soft);
    white-space: nowrap;
    max-width: 34ch;
}

.dh-go-names[b-trzwm5zyma] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dh-go-count[b-trzwm5zyma] { flex: none; }

.dh-go-trail[b-trzwm5zyma] {
    margin-left: 4px;
    font-size: 13px;
    color: var(--dh-l-ink-soft);
    transition: transform .18s ease, color .18s ease;
}

.dh-go:hover:not(:disabled) .dh-go-trail[b-trzwm5zyma] { color: var(--dh-accent); transform: translateY(1px); }

.dh-kind[b-trzwm5zyma] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 6px;
    padding: 2px 7px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--dh-l-ink-soft);
    border: 1px solid var(--dh-l-line);
    vertical-align: 2px;
}

.dh-more[b-trzwm5zyma] {
    appearance: none;
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 56px;
    min-height: 56px;
    border-radius: 50%;
    border: 1px solid var(--dh-l-line);
    background: var(--dh-l-bg);
    color: var(--dh-l-ink);
    font-size: 16px;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, transform .18s cubic-bezier(.16, 1, .3, 1);
    backdrop-filter: blur(6px);
}

    .dh-more:hover:not(:disabled)[b-trzwm5zyma], .dh--open .dh-more[b-trzwm5zyma] {
        background: var(--dh-l-bg-hover);
        border-color: color-mix(in srgb, var(--dh-accent) 55%, var(--dh-l-line));
    }

    .dh-more:disabled[b-trzwm5zyma] { cursor: default; opacity: .5; }

.dh-more-count[b-trzwm5zyma] {
    position: absolute;
    top: -3px;
    right: -3px;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--dh-accent);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 0 0 2px var(--dh-ring, #0e131b);
}

.dh--light .dh-more-count[b-trzwm5zyma] { --dh-ring: #ffffff; }

.dh-stack[b-trzwm5zyma] {
    display: inline-flex;
    margin-right: 2px;
}

    .dh-stack .dh-tile[b-trzwm5zyma] {
        width: 26px;
        height: 32px;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 0 0 0 2px var(--dh-stack-ring, #151a22);
    }

        .dh-stack .dh-tile + .dh-tile[b-trzwm5zyma] { margin-left: -9px; }

.dh--light .dh-stack .dh-tile[b-trzwm5zyma] { --dh-stack-ring: #ffffff; }

.dh-go--busy[b-trzwm5zyma] { cursor: default; }

    .dh-go--busy:hover:not(:disabled)[b-trzwm5zyma] {
        background: var(--dh-l-bg);
        border-color: var(--dh-l-line);
        transform: none;
        box-shadow: none;
    }

    .dh-go--busy .dh-go-sub[b-trzwm5zyma] { max-width: 46ch; }

.dh-stop[b-trzwm5zyma] { font-size: 14px; align-self: center; height: 56px; }

    .dh-stop:hover:not(:disabled)[b-trzwm5zyma] { color: var(--dh-accent); }

.dh-ring[b-trzwm5zyma] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid color-mix(in srgb, var(--dh-accent) 25%, transparent);
    border-top-color: var(--dh-accent);
    animation: dh-spin-b-trzwm5zyma .9s linear infinite;
    flex: none;
}

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

.dh-go--locked .dh-disc[b-trzwm5zyma] {
    background: var(--dh-l-bg-hover);
    color: var(--dh-l-ink-soft);
    box-shadow: none;
}

.dh-tile[b-trzwm5zyma] {
    flex: none;
    display: grid;
    place-items: center;
    width: 36px;
    height: 44px;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    position: relative;
    overflow: hidden;
}

    .dh-tile[b-trzwm5zyma]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 10px;
        height: 10px;
        background: linear-gradient(225deg, rgba(255, 255, 255, .0) 50%, rgba(255, 255, 255, .35) 50%);
        border-bottom-left-radius: 3px;
    }

.dh-tile--pptx[b-trzwm5zyma] { background: linear-gradient(160deg, #f0643a 0%, #c4381a 100%); }
.dh-tile--docx[b-trzwm5zyma] { background: linear-gradient(160deg, #3b82f6 0%, #1d4ed8 100%); }
.dh-tile--xlsx[b-trzwm5zyma], .dh-tile--csv[b-trzwm5zyma] { background: linear-gradient(160deg, #22a06b 0%, #146c43 100%); }
.dh-tile--pdf[b-trzwm5zyma] { background: linear-gradient(160deg, #ef4444 0%, #b91c1c 100%); }
.dh-tile--file[b-trzwm5zyma] { background: linear-gradient(160deg, #64748b 0%, #334155 100%); }

.dh-scrim[b-trzwm5zyma] {
    position: fixed;
    inset: 0;
    z-index: 1090;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.dh-panel[b-trzwm5zyma] {
    position: absolute;
    top: calc(100% + 12px);
    left: var(--dh-shift, 0px);
    z-index: 1100;
    width: min(640px, calc(100vw - 32px));
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    max-height: min(var(--dh-room, 78vh), 760px);
    display: flex;
    flex-direction: column;
    background: var(--dh-paper);
    color: var(--dh-ink);
    border: 1px solid color-mix(in srgb, var(--dh-ink) 8%, transparent);
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(15, 23, 42, .04), 0 24px 64px -18px rgba(15, 23, 42, .35);
    overflow: hidden;
    animation: dh-rise-b-trzwm5zyma .22s cubic-bezier(.16, 1, .3, 1);
    transform-origin: top left;
}

.dh--up .dh-panel[b-trzwm5zyma] { top: auto; bottom: calc(100% + 12px); transform-origin: bottom left; }

@media (min-width: 641px) {
    .dh-panel:popover-open[b-trzwm5zyma] {
        position: fixed;
        inset: auto;
        top: var(--dh-top, 96px);
        left: var(--dh-left, 16px);
    }

    .dh--up .dh-panel:popover-open[b-trzwm5zyma] {
        top: auto;
        bottom: var(--dh-bottom, 96px);
    }
}

@keyframes dh-rise-b-trzwm5zyma { from { opacity: 0; transform: translateY(-6px) scale(.985); } }

.dh-panel-head[b-trzwm5zyma] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 22px 22px 14px 24px;
}

.dh-panel-titles[b-trzwm5zyma] { flex: 1; min-width: 0; }

.dh-panel-title[b-trzwm5zyma] {
    margin: 0;
    font-family: var(--dh-display);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.015em;
    color: var(--dh-ink);
}

.dh-panel-sub[b-trzwm5zyma] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--dh-ink-3);
}

.dh-close[b-trzwm5zyma] {
    appearance: none;
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    background: var(--dh-wash);
    color: var(--dh-ink-3);
    cursor: pointer;
    font-size: 13px;
}

    .dh-close:hover[b-trzwm5zyma] { background: color-mix(in srgb, var(--dh-ink) 8%, var(--dh-wash)); color: var(--dh-ink); }

.dh-panel-body[b-trzwm5zyma] {
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 4px 16px 16px;
    scrollbar-width: thin;
}

.dh-note[b-trzwm5zyma] {
    margin: 0 8px 12px;
    padding: 10px 12px;
    display: flex;
    gap: 10px;
    align-items: center;
    border-radius: 10px;
    background: var(--dh-wash);
    font-size: 13px;
    color: var(--dh-ink-2);
}

.dh-featured[b-trzwm5zyma] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 4px 8px 16px;
}

.dh-card[b-trzwm5zyma] {
    appearance: none;
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 0;
    border: 1px solid var(--dh-line);
    border-radius: 16px;
    background: var(--dh-paper);
    cursor: pointer;
    overflow: hidden;
    font: inherit;
    color: inherit;
    transition: transform .2s cubic-bezier(.16, 1, .3, 1), box-shadow .2s ease, border-color .2s ease;
}

    .dh-card:hover:not(:disabled)[b-trzwm5zyma] {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--dh-accent) 40%, var(--dh-line));
        box-shadow: 0 16px 36px -18px rgba(15, 23, 42, .35);
    }

    .dh-card:focus-visible[b-trzwm5zyma] { outline: 2px solid var(--dh-accent); outline-offset: 2px; }
    .dh-card:disabled[b-trzwm5zyma] { cursor: default; opacity: .6; }

.dh-card-art[b-trzwm5zyma] {
    position: relative;
    height: 104px;
    display: grid;
    place-items: center;
    background: var(--dh-art, linear-gradient(135deg, #1a1d29, #0e1118));
    overflow: hidden;
}

.dh-card-body[b-trzwm5zyma] { padding: 12px 14px 14px; display: grid; gap: 4px; }

.dh-card-title[b-trzwm5zyma] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--dh-display);
    font-size: 14.5px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--dh-ink);
}

.dh-card-desc[b-trzwm5zyma] {
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--dh-ink-3);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dh-badge[b-trzwm5zyma] {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    font-family: var(--dh-font);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: color-mix(in srgb, var(--dh-accent) 12%, transparent);
    color: var(--dh-accent-deep);
}

.dh-badge--muted[b-trzwm5zyma] { background: var(--dh-wash); color: var(--dh-ink-3); }
.dh-badge--warn[b-trzwm5zyma] { background: #fff4e5; color: #9a5b00; }

.dh-mini-deck[b-trzwm5zyma] {
    width: 112px;
    height: 63px;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .55);
    position: relative;
    overflow: hidden;
}

    .dh-mini-deck[b-trzwm5zyma]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 42%;
        background: linear-gradient(160deg, #20242f, #0c0f15);
    }

    .dh-mini-deck[b-trzwm5zyma]::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 14px;
        width: 40%;
        height: 5px;
        border-radius: 3px;
        background: var(--dh-accent);
        box-shadow: 0 12px 0 -1px #d7dbe3, 0 20px 0 -1px #e6e9ef, 0 28px 0 -1px #e6e9ef;
    }

.dh-mini-carousel[b-trzwm5zyma] {
    position: relative;
    width: 120px;
    height: 76px;
}

    .dh-mini-carousel span[b-trzwm5zyma] {
        position: absolute;
        top: 4px;
        width: 50px;
        height: 64px;
        border-radius: 5px;
        background: #ffffff;
        box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .5);
    }

        .dh-mini-carousel span:nth-child(1)[b-trzwm5zyma] { left: 6px; transform: rotate(-8deg); opacity: .8; }
        .dh-mini-carousel span:nth-child(2)[b-trzwm5zyma] { left: 64px; transform: rotate(8deg); opacity: .8; }
        .dh-mini-carousel span:nth-child(3)[b-trzwm5zyma] {
            left: 35px;
            top: 0;
            z-index: 1;
            background: linear-gradient(#ffffff 0 58%, transparent 58%), linear-gradient(90deg, #ffffff, #ffffff);
        }

            .dh-mini-carousel span:nth-child(3)[b-trzwm5zyma]::before {
                content: "";
                position: absolute;
                left: 7px;
                right: 7px;
                bottom: 9px;
                height: 9px;
                border-radius: 2px;
                background: var(--dh-accent);
            }

            .dh-mini-carousel span:nth-child(3)[b-trzwm5zyma]::after {
                content: "";
                position: absolute;
                left: 7px;
                top: 9px;
                width: 30px;
                height: 4px;
                border-radius: 2px;
                background: #1b1f2a;
                box-shadow: 0 7px 0 #1b1f2a, 0 14px 0 #cfd4dc;
            }

.dh-mini-doc[b-trzwm5zyma] {
    width: 62px;
    height: 80px;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .5);
    position: relative;
    transform: translateY(6px);
}

    .dh-mini-doc[b-trzwm5zyma]::before {
        content: "";
        position: absolute;
        left: 9px;
        top: 11px;
        width: 30px;
        height: 5px;
        border-radius: 2px;
        background: var(--dh-accent);
    }

    .dh-mini-doc[b-trzwm5zyma]::after {
        content: "";
        position: absolute;
        left: 9px;
        right: 9px;
        top: 24px;
        height: 3px;
        border-radius: 2px;
        background: #d7dbe3;
        box-shadow: 0 7px 0 #e3e6ec, 0 14px 0 #e3e6ec, 0 21px 0 #e3e6ec, 0 28px 0 #e3e6ec, 0 35px 0 #e3e6ec;
    }

.dh-art--spark[b-trzwm5zyma] { --dh-art: radial-gradient(120% 140% at 20% 0%, #3a1030 0%, #16101c 55%, #0d0f16 100%); }
.dh-art--indigo[b-trzwm5zyma] { --dh-art: radial-gradient(120% 140% at 20% 0%, #1e2a55 0%, #121729 55%, #0c0f18 100%); }
.dh-art--teal[b-trzwm5zyma] { --dh-art: radial-gradient(120% 140% at 20% 0%, #0f3a3a 0%, #0e1c20 55%, #0b0f14 100%); }
.dh-art--amber[b-trzwm5zyma] { --dh-art: radial-gradient(120% 140% at 20% 0%, #3d2a10 0%, #1c1510 55%, #0f0d0b 100%); }

.dh-group[b-trzwm5zyma] { padding: 6px 0 2px; }

.dh-group-label[b-trzwm5zyma] {
    padding: 8px 8px 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--dh-ink-4);
}

.dh-row[b-trzwm5zyma] {
    appearance: none;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 8px;
    border: none;
    border-radius: 12px;
    background: transparent;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background .15s ease;
}

    .dh-row:hover:not(:disabled)[b-trzwm5zyma] { background: var(--dh-wash); }
    .dh-row:focus-visible[b-trzwm5zyma] { outline: 2px solid var(--dh-accent); outline-offset: -2px; }
    .dh-row:disabled[b-trzwm5zyma] { cursor: default; }

.dh-row-text[b-trzwm5zyma] { flex: 1; min-width: 0; display: grid; gap: 2px; }

.dh-row-title[b-trzwm5zyma] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--dh-ink);
}

.dh-row-desc[b-trzwm5zyma] {
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--dh-ink-3);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dh-row-go[b-trzwm5zyma] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: var(--dh-accent-deep);
    background: color-mix(in srgb, var(--dh-accent) 9%, transparent);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .15s ease, transform .15s ease;
}

.dh-row:hover:not(:disabled) .dh-row-go[b-trzwm5zyma], .dh-row:focus-visible .dh-row-go[b-trzwm5zyma] { opacity: 1; transform: none; }

.dh-row--locked .dh-row-title[b-trzwm5zyma], .dh-row--locked .dh-row-desc[b-trzwm5zyma] { color: var(--dh-ink-4); }
.dh-row--locked .dh-tile[b-trzwm5zyma] { filter: grayscale(1) opacity(.5); }

.dh-row--busy[b-trzwm5zyma] { background: color-mix(in srgb, var(--dh-accent) 6%, transparent); }

.dh-progress[b-trzwm5zyma] {
    height: 3px;
    margin-top: 6px;
    border-radius: 3px;
    background: color-mix(in srgb, var(--dh-accent) 15%, transparent);
    overflow: hidden;
    position: relative;
}

    .dh-progress[b-trzwm5zyma]::after {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 40%;
        border-radius: 3px;
        background: var(--dh-accent);
        animation: dh-slide-b-trzwm5zyma 1.3s ease-in-out infinite;
    }

@keyframes dh-slide-b-trzwm5zyma { from { left: -40%; } to { left: 100%; } }

.dh-upgrade[b-trzwm5zyma] {
    margin: 10px 0 0;
    padding: 14px 8px 4px;
    border-top: 1px dashed var(--dh-line);
}

.dh-upgrade-head[b-trzwm5zyma] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 8px 6px;
}

.dh-link[b-trzwm5zyma] {
    appearance: none;
    border: none;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--dh-accent-deep);
    cursor: pointer;
}

    .dh-link:hover[b-trzwm5zyma] { text-decoration: underline; }

.dh-panel-foot[b-trzwm5zyma] {
    padding: 12px 24px 14px;
    border-top: 1px solid var(--dh-line);
    font-size: 12px;
    color: var(--dh-ink-3);
    display: flex;
    align-items: center;
    gap: 8px;
    background: color-mix(in srgb, var(--dh-wash) 60%, var(--dh-paper));
}

.dh-toast[b-trzwm5zyma] {
    position: fixed;
    left: 50%;
    bottom: 28px;
    z-index: 1200;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-size: 14px;
    box-shadow: 0 16px 40px -12px rgba(15, 23, 42, .55);
    animation: dh-rise-b-trzwm5zyma .25s cubic-bezier(.16, 1, .3, 1);
}

.dh-toast--error i[b-trzwm5zyma] { color: #f87171; }
.dh-toast--success i[b-trzwm5zyma] { color: #4ade80; }

@media (max-width: 640px) {
    .dh-go-sub[b-trzwm5zyma] { display: none; }
    .dh-go-title[b-trzwm5zyma] { max-width: 14ch; }
    .dh-go--busy .dh-go-sub[b-trzwm5zyma] { display: flex; max-width: 14ch; }

    .dh-scrim[b-trzwm5zyma] { background: rgba(15, 23, 42, .45); }

    .dh-panel[b-trzwm5zyma], .dh--up .dh-panel[b-trzwm5zyma] {
        position: fixed;
        inset: auto 0 0 0;
        width: 100%;
        max-height: 88vh;
        border-radius: 22px 22px 0 0;
        animation: dh-sheet-b-trzwm5zyma .28s cubic-bezier(.16, 1, .3, 1);
    }

    @keyframes dh-sheet-b-trzwm5zyma { from { transform: translateY(24px); opacity: 0; } }

    .dh-featured[b-trzwm5zyma] { grid-template-columns: 1fr; }

    .dh-card[b-trzwm5zyma] { flex-direction: row; }
    .dh-card-art[b-trzwm5zyma] { width: 108px; height: auto; min-height: 92px; flex: none; }
    .dh-mini-deck[b-trzwm5zyma] { width: 80px; height: 45px; }
    .dh-mini-carousel[b-trzwm5zyma] { transform: scale(.75); }
    .dh-mini-doc[b-trzwm5zyma] { transform: scale(.8); }

    .dh-row-go[b-trzwm5zyma] { opacity: 1; transform: none; padding: 7px 10px; }
    .dh-row-go span[b-trzwm5zyma] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .dh *[b-trzwm5zyma], .dh *[b-trzwm5zyma]::before, .dh *[b-trzwm5zyma]::after { animation: none !important; transition: none !important; }
}

.dh-go-trail--turn[b-trzwm5zyma] { transition: transform .2s ease; }
.dh--open .dh-go-trail--turn[b-trzwm5zyma] { transform: rotate(180deg); }

.dh--measuring .dh-panel[b-trzwm5zyma] { visibility: hidden; animation: none; }
.dh--measuring .dh-scrim[b-trzwm5zyma] { pointer-events: none; }

.dh-panel:focus[b-trzwm5zyma] { outline: none; }
.dh--open .dh-go:hover:not(:disabled) .dh-go-trail--turn[b-trzwm5zyma] { transform: rotate(180deg); }
/* /Components/ProdComponents/FooterInternal.razor.rz.scp.css */
.app-footer[b-2pokhwp8wt] {
    background: var(--background-primary);
    border-top: 1px solid var(--border-color);
    padding: 40px 0 120px 0;
    margin-top: 120px;
}

.footer-container[b-2pokhwp8wt] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

.footer-content[b-2pokhwp8wt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.footer-brand[b-2pokhwp8wt] {
    flex: 1;
}

.footer-logo[b-2pokhwp8wt] {
    font-size: 24px;
    font-weight: 800;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.5px;
    margin-bottom: 4px;
}

.footer-logo-link[b-2pokhwp8wt] {
    text-decoration: none;
    display: inline-block;
}

    .footer-logo-link:hover .footer-logo-img[b-2pokhwp8wt] {
        opacity: 0.8;
    }

.footer-logo-link[b-2pokhwp8wt] {
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.2s ease;
}

    .footer-logo-link:hover[b-2pokhwp8wt] {
        opacity: 0.7;
    }

.footer-logo-img[b-2pokhwp8wt] {
    height: 32px;
    width: auto;
    margin-bottom: 4px;
}

.footer-tagline[b-2pokhwp8wt] {
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    color: var(--text-tertiary);
    margin: 0;
    letter-spacing: 0.01em;
}

.footer-links[b-2pokhwp8wt] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 2;
    justify-content: center;
}

.footer-link[b-2pokhwp8wt] {
    font-family: 'DM Sans', sans-serif;
    font-size: 12.5px;
    color: var(--text-secondary);
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 500;
    letter-spacing: 0.01em;
}

    .footer-link:hover[b-2pokhwp8wt] {
        color: var(--accent);
    }

.footer-separator[b-2pokhwp8wt] {
    color: var(--text-tertiary);
    font-size: 10px;
    user-select: none;
    opacity: 0.5;
}

.footer-right[b-2pokhwp8wt] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.footer-copyright[b-2pokhwp8wt] {
    text-align: right;
}

    .footer-copyright p[b-2pokhwp8wt] {
        font-family: 'DM Sans', sans-serif;
        font-size: 12.5px;
        color: var(--text-tertiary);
        margin: 0;
        letter-spacing: 0.01em;
    }

.footer-social[b-2pokhwp8wt] {
    display: flex;
    gap: 12px;
}

.social-link[b-2pokhwp8wt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--background-secondary);
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 14px;
}

    .social-link:hover[b-2pokhwp8wt] {
        background: var(--accent);
        border-color: var(--accent);
        color: white;
        transform: translateY(-1px);
    }

@media (max-width: 968px) {
    .app-footer[b-2pokhwp8wt] {
        margin-top: 80px;
        padding: 50px 0 60px 0;
    }

    .footer-content[b-2pokhwp8wt] {
        flex-direction: column;
        text-align: center;
        gap: 24px;
    }

    .footer-brand[b-2pokhwp8wt] {
        order: 1;
    }

    .footer-links[b-2pokhwp8wt] {
        order: 2;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-right[b-2pokhwp8wt] {
        order: 3;
        justify-content: center;
        flex-direction: column;
        gap: 12px;
    }

    .footer-copyright[b-2pokhwp8wt] {
        text-align: center;
    }
}

@media (max-width: 640px) {
    .app-footer[b-2pokhwp8wt] {
        padding: 40px 0 50px 0;
        margin-top: 60px;
    }

    .footer-container[b-2pokhwp8wt] {
        padding: 0 24px;
    }

    .footer-content[b-2pokhwp8wt] {
        gap: 20px;
    }

    .footer-logo[b-2pokhwp8wt] {
        font-size: 20px;
    }

    .footer-logo-img[b-2pokhwp8wt] {
        height: 28px;
    }

    .footer-links[b-2pokhwp8wt] {
        gap: 10px;
    }

    .footer-link[b-2pokhwp8wt] {
        font-size: 12px;
    }

    .social-link[b-2pokhwp8wt] {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }
}
/* /Components/ProdComponents/FooterPublic.razor.rz.scp.css */
.pf[b-61fo36d8wq] {
    --pf-paper: #F4F4F2;
    --pf-ink: #0B0B0E;
    --pf-ink-1: #3D3D44;
    --pf-ink-2: #66666E;
    --pf-rule: #DCDCD9;
    --pf-accent: #C2007A;
    --pf-spark: #F4089B;
    --pf-max: 112rem;
    --pf-gutter: clamp(1rem, 3vw, 3rem);
    --pf-ui: "IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;
    --pf-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
    display: block;
    margin: 0;
    padding: clamp(3rem, 6vw, 4.5rem) 0 1.75rem;
    border-top: 1px solid var(--pf-rule);
    background: var(--pf-paper);
    color: var(--pf-ink-1);
    font-family: var(--pf-ui);
    font-size: 1rem;
    line-height: 1.55;
    text-align: left;
    -webkit-font-smoothing: antialiased
}

.pf--ink[b-61fo36d8wq] {
    --pf-paper: #0B0B0E;
    --pf-ink: #F2F2F0;
    --pf-ink-1: #BDBDC4;
    --pf-ink-2: #8C8C95;
    --pf-rule: #26262D;
    --pf-accent: #FF5AB8;
    color-scheme: dark
}

.pf *[b-61fo36d8wq], .pf *[b-61fo36d8wq]::before, .pf *[b-61fo36d8wq]::after {
    box-sizing: border-box
}

.pf a[b-61fo36d8wq] {
    color: inherit;
    text-decoration: none;
    transition: color .2s ease, text-decoration-color .2s ease
}

    .pf a:hover[b-61fo36d8wq] {
        color: var(--pf-ink);
        text-decoration: underline;
        text-decoration-color: var(--pf-spark);
        text-decoration-thickness: 1.5px;
        text-underline-offset: .22em
    }

    .pf a:focus-visible[b-61fo36d8wq] {
        outline: 2px solid var(--pf-accent);
        outline-offset: 3px;
        border-radius: 2px
    }

.pf-wrap[b-61fo36d8wq] {
    --pf-row-gap: 2.2rem;
    display: grid;
    gap: var(--pf-row-gap);
    max-width: var(--pf-max);
    margin: 0 auto;
    padding-inline: var(--pf-gutter)
}

.pf-top[b-61fo36d8wq] {
    display: grid;
    gap: 2.6rem
}

.pf-brand[b-61fo36d8wq] {
    display: inline-block
}

    .pf-brand img[b-61fo36d8wq] {
        display: block;
        width: auto;
        height: 26px
    }

.pf-lede[b-61fo36d8wq] {
    margin: 1.1rem 0 0;
    max-width: 30rem;
    font-family: var(--pf-display);
    font-size: clamp(1.15rem, 1.5vw, 1.3rem);
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -.018em;
    color: var(--pf-ink);
    text-wrap: balance
}

    .pf-lede span[b-61fo36d8wq] {
        display: block
    }

        .pf-lede span:first-child[b-61fo36d8wq] {
            color: var(--pf-ink-2)
        }

.pf-what[b-61fo36d8wq] {
    margin: .7rem 0 0;
    max-width: 36rem;
    font-size: .9rem;
    line-height: 1.55;
    color: var(--pf-ink-1)
}

    .pf-what span[b-61fo36d8wq] {
        display: block;
        text-wrap: pretty
    }

        .pf-what span + span[b-61fo36d8wq] {
            margin-top: .5rem
        }

    .pf-what a[b-61fo36d8wq], .pf-company p a[b-61fo36d8wq] {
        font-weight: 600;
        color: var(--pf-ink);
        text-decoration: underline;
        text-decoration-color: var(--pf-rule);
        text-decoration-thickness: 1px;
        text-underline-offset: .22em
    }

.pf-facts[b-61fo36d8wq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.2rem 2.5rem;
    margin: 0;
    padding-top: 1.7rem;
    border-top: 1px solid var(--pf-rule)
}

    .pf-facts div[b-61fo36d8wq] {
        font-size: .84rem;
        line-height: 1.55
    }

    .pf-facts dt[b-61fo36d8wq] {
        margin-bottom: .4rem;
        font-size: .66rem;
        font-weight: 600;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--pf-ink-2)
    }

    .pf-facts dd[b-61fo36d8wq] {
        margin: 0;
        color: var(--pf-ink-1);
        text-wrap: pretty
    }

    .pf-facts a[b-61fo36d8wq] {
        color: var(--pf-ink);
        text-decoration: underline;
        text-decoration-color: var(--pf-rule);
        text-underline-offset: .2em
    }

.pf-company[b-61fo36d8wq] {
    max-width: 36rem;
    margin-top: 1.35rem
}

    .pf-company h2[b-61fo36d8wq] {
        margin: 0 0 .4rem;
        font-family: var(--pf-ui);
        font-size: .66rem;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--pf-ink-2)
    }

    .pf-company p[b-61fo36d8wq] {
        margin: 0;
        font-size: .84rem;
        line-height: 1.55;
        color: var(--pf-ink-1);
        text-wrap: pretty
    }

.pf-sub[b-61fo36d8wq] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-top: 1.4rem;
    font-size: .88rem;
    font-weight: 600;
    color: var(--pf-ink) !important
}

.pf-live[b-61fo36d8wq] {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: var(--pf-spark)
}

.pf-arr[b-61fo36d8wq] {
    transition: translate .25s cubic-bezier(.2,.7,.2,1)
}

.pf-sub:hover .pf-arr[b-61fo36d8wq] {
    translate: 3px 0
}

.pf-cols[b-61fo36d8wq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 1.5rem
}

.pf-col h2[b-61fo36d8wq] {
    margin: 0 0 .8rem;
    font-family: var(--pf-ui);
    font-size: .6875rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--pf-ink)
}

.pf-col ul[b-61fo36d8wq] {
    display: grid;
    gap: .36rem;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .86rem;
    line-height: 1.45
}

.pf-col li[b-61fo36d8wq] {
    margin: 0
}

.pf-all a[b-61fo36d8wq] {
    font-weight: 600;
    color: var(--pf-ink)
}

.pf-note[b-61fo36d8wq] {
    padding-top: 1.4rem;
    border-top: 1px solid var(--pf-rule);
    font-size: .74rem;
    line-height: 1.6;
    color: var(--pf-ink-2)
}

    .pf-note[b-61fo36d8wq]  p {
        max-width: 72rem;
        margin: 0
    }

.pf-legal[b-61fo36d8wq] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem 1.5rem;
    padding-top: 1.2rem;
    border-top: 1px solid var(--pf-rule);
    font-size: .76rem;
    color: var(--pf-ink-2)
}

    .pf-legal p[b-61fo36d8wq] {
        margin: 0
    }

.pf-reg[b-61fo36d8wq] {
    margin-left: .6rem
}

.pf-legal-links[b-61fo36d8wq] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1.2rem
}

    .pf-legal-links a[b-61fo36d8wq] {
        color: var(--pf-ink-1)
    }

.pf-note + .pf-legal[b-61fo36d8wq] {
    border-top: 0;
    padding-top: 0
}

@media (min-width: 600px) {
    .pf-facts[b-61fo36d8wq] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 760px) {
    .pf-cols[b-61fo36d8wq] {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width: 1000px) {
    .pf-top[b-61fo36d8wq] {
        --pf-split: clamp(3rem, 5vw, 5.5rem);
        grid-template-columns: minmax(24rem, 1.6fr) minmax(0, 2.4fr);
        gap: var(--pf-split)
    }

    .pf-cols[b-61fo36d8wq] {
        position: relative
    }

        .pf-cols[b-61fo36d8wq]::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: calc(-1 * var(--pf-row-gap));
            left: calc(var(--pf-split) / -2);
            width: 1px;
            background: var(--pf-rule)
        }
}

@media (min-width: 1200px) {
    .pf-facts[b-61fo36d8wq] {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}


@media (max-width: 999.98px) {
    .pf--reserve[b-61fo36d8wq] {
        padding-bottom: 6.75rem
    }
}

@media (prefers-reduced-motion: reduce) {
    .pf a[b-61fo36d8wq], .pf-arr[b-61fo36d8wq] {
        transition: none
    }
}
/* /Components/ProdComponents/IdeaComponentCard.razor.rz.scp.css */
.card[b-e8jthmzqt4] {
    background: var(--surface);
    border-radius: var(--radius-lg);
    padding: 1.125rem 1.25rem;
    margin-bottom: 0.75rem;
    break-inside: avoid;
    position: relative;
    overflow: hidden;
    transition: background 0.3s ease, border-color 0.25s ease, box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 1px 2px rgba(15, 23, 42, 0.05), 0 6px 14px -8px rgba(15, 23, 42, 0.10), 0 14px 28px -18px rgba(15, 23, 42, 0.12);
    border: 1px solid var(--border-lt);
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    cursor: pointer;
    min-height: 0;
}

    .card:hover:not(.loading):not(.updating):not(.editing):not(.readonly):not(.empty):not(.minimal)[b-e8jthmzqt4],
    .hero-card:hover:not(.loading):not(.updating):not(.editing):not(.readonly):not(.empty):not(.minimal)[b-e8jthmzqt4] {
        border-color: var(--border);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 2px 3px rgba(15, 23, 42, 0.06), 0 10px 22px -10px rgba(15, 23, 42, 0.14), 0 20px 40px -22px rgba(15, 23, 42, 0.16);
    }

.hero-card[b-e8jthmzqt4] {
    background: var(--surface);
    border-radius: var(--radius-lg);
    padding: 1.25rem 1.375rem;
    margin-top: 1rem;
    margin-bottom: 0.75rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: background 0.3s ease, border-color 0.25s ease, box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: 1px solid transparent;
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 1px 2px rgba(15, 23, 42, 0.05), 0 6px 14px -8px rgba(15, 23, 42, 0.10), 0 14px 28px -18px rgba(15, 23, 42, 0.12);
}

@media (max-width: 720px) {
    .hero-card[b-e8jthmzqt4] {
        padding: 1.25rem 1.25rem 1.5rem 1.25rem;
    }
}


.card *[b-e8jthmzqt4],
.hero-card *[b-e8jthmzqt4] {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}


.card.editing[b-e8jthmzqt4],
.hero-card.editing[b-e8jthmzqt4] {
    background: var(--raised);
    box-shadow: none;
    border-color: var(--border);
    transform: none;
    position: relative;
    z-index: 5;
}

.card.loading[b-e8jthmzqt4], .card.updating[b-e8jthmzqt4] {
    cursor: wait;
}

.hero-card.minimal[b-e8jthmzqt4], .card.minimal[b-e8jthmzqt4] {
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 0.5rem !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    min-height: auto !important;
    box-shadow: none !important;
    cursor: text;
    animation: none;
}

    .hero-card.minimal:hover[b-e8jthmzqt4], .card.minimal:hover[b-e8jthmzqt4] {
        transform: none !important;
        box-shadow: none !important;
    }

    .hero-card.minimal.editing[b-e8jthmzqt4], .card.minimal.editing[b-e8jthmzqt4] {
        background: var(--surface) !important;
        border-color: var(--border) !important;
        padding: 0.75rem !important;
    }

    .hero-card.minimal .card-content[b-e8jthmzqt4], .card.minimal .card-content[b-e8jthmzqt4] {
        min-height: auto;
        padding-bottom: 0;
    }

    .hero-card.minimal .hero-text[b-e8jthmzqt4], .card.minimal .card-text[b-e8jthmzqt4] {
        font-size: 0.9375rem;
        line-height: 1.6;
        color: var(--ink-3);
        font-weight: 420;
        min-height: auto;
        padding: 0;
    }

    .hero-card.minimal.empty[b-e8jthmzqt4], .card.minimal.empty[b-e8jthmzqt4] {
        padding: 0.5rem !important;
        cursor: default;
    }

    .hero-card.minimal .new-badge[b-e8jthmzqt4], .card.minimal .new-badge[b-e8jthmzqt4] {
        top: 0.5rem;
        right: 0.5rem;
        font-size: 0.5rem;
        padding: 0.25rem 0.5rem;
    }


.card-problem[b-e8jthmzqt4] {
    --accent-color: #ef4444;
}

.card-solution[b-e8jthmzqt4] {
    --accent-color: #22c55e;
}

.card-market[b-e8jthmzqt4] {
    --accent-color: #f59e0b;
}

.card-business[b-e8jthmzqt4] {
    --accent-color: #3b82f6;
}

.card-forms[b-e8jthmzqt4] {
    --accent-color: #22c55e;
}

.card-personas[b-e8jthmzqt4] {
    --accent-color: #3b82f6;
}

.card-customers[b-e8jthmzqt4] {
    --accent-color: #f97316;
}

.card-competitors[b-e8jthmzqt4] {
    --accent-color: #ef4444;
}

.card-risks[b-e8jthmzqt4] {
    --accent-color: #ef4444;
}

.card-geography[b-e8jthmzqt4] {
    --accent-color: #14b8a6;
}

.card-businessintent[b-e8jthmzqt4] {
    --accent-color: #8b5cf6;
}

.card[class*="card-"][b-e8jthmzqt4] {
    background: var(--surface);
}

.card.editing[class*="card-"][b-e8jthmzqt4] {
    background: var(--raised);
    border-color: var(--border);
}


.card.empty[b-e8jthmzqt4],
.hero-card.empty[b-e8jthmzqt4] {
    background: color-mix(in srgb, var(--surface) 45%, transparent);
    border-style: dashed;
    border-width: 1.5px;
    border-color: color-mix(in srgb, var(--border-strong) 80%, transparent);
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

    .card.empty .card-title[b-e8jthmzqt4],
    .hero-card.empty .hero-title[b-e8jthmzqt4] {
        opacity: 1;
        color: var(--ink-3);
    }

    .card.empty:hover[b-e8jthmzqt4],
    .hero-card.empty:hover[b-e8jthmzqt4] {
        transform: none;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
        border-color: color-mix(in srgb, var(--accent-color, var(--border-strong)) 42%, var(--border-strong));
        border-style: dashed;
        background: color-mix(in srgb, var(--accent-color, transparent) 5%, color-mix(in srgb, var(--surface) 45%, transparent));
    }


.card.pending-update[b-e8jthmzqt4],
.hero-card.pending-update[b-e8jthmzqt4] {
    border-color: var(--accent-border);
    border-style: solid;
    background: transparent;
}

    .card.pending-update[b-e8jthmzqt4]::before,
    .hero-card.pending-update[b-e8jthmzqt4]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 2px;
        background: linear-gradient( 90deg, transparent 0%, color-mix(in srgb, var(--accent) 40%, transparent) 20%, var(--accent) 50%, color-mix(in srgb, var(--accent) 40%, transparent) 80%, transparent 100% );
        background-size: 250% 100%;
        background-position: 200% 0;
        border-radius: var(--radius-lg) var(--radius-lg) 0 0;
        z-index: 3;
        animation: pendingSweep-b-e8jthmzqt4 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        pointer-events: none;
        opacity: 1;
    }

@keyframes pendingSweep-b-e8jthmzqt4 {
    0% {
        background-position: 200% 0;
        opacity: 0.5;
    }

    40% {
        background-position: -20% 0;
        opacity: 1;
    }

    60% {
        background-position: -80% 0;
        opacity: 1;
    }

    100% {
        background-position: -250% 0;
        opacity: 0.5;
    }
}

.card.pending-update .card-title[b-e8jthmzqt4]::after,
.hero-card.pending-update .hero-title[b-e8jthmzqt4]::after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--accent);
    margin-left: 0.3rem;
    flex-shrink: 0;
    align-self: center;
    animation: pendingDot-b-e8jthmzqt4 1.1s ease-in-out infinite;
    vertical-align: middle;
    position: relative;
    top: -0.5px;
}

@keyframes pendingDot-b-e8jthmzqt4 {
    0%, 100% {
        opacity: 0.15;
        transform: scale(0.75);
        box-shadow: none;
    }

    50% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 4px var(--accent-shadow);
    }
}

.card.pending-update:hover[b-e8jthmzqt4],
.hero-card.pending-update:hover[b-e8jthmzqt4] {
    transform: none;
    box-shadow: none;
}


.card.updating[b-e8jthmzqt4],
.hero-card.updating[b-e8jthmzqt4] {
    cursor: wait;
    border-color: rgba(15, 23, 42, 0.14);
}

    .card.updating[b-e8jthmzqt4]::after,
    .hero-card.updating[b-e8jthmzqt4]::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient( 105deg, transparent 35%, rgba(255, 255, 255, 0.7) 50%, transparent 65% );
        background-size: 250% 100%;
        animation: updateShimmer-b-e8jthmzqt4 1.6s ease-in-out infinite;
        border-radius: inherit;
        pointer-events: none;
        z-index: 1;
    }

@keyframes updateShimmer-b-e8jthmzqt4 {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.card-title[b-e8jthmzqt4], .hero-title[b-e8jthmzqt4] {
    font-size: 0.875rem;
    font-weight: var(--font-weight-extrabold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink);
    margin-bottom: 0.5rem;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.hero-title[b-e8jthmzqt4] {
    display: none;
}

.title-icon[b-e8jthmzqt4] {
    font-size: var(--text-base);
    color: var(--accent-color, #3b82f6);
    opacity: 0.75;
    transition: all 0.25s ease;
    flex-shrink: 0;
}

.card:hover:not(.loading):not(.updating):not(.editing):not(.readonly):not(.empty) .card-title[b-e8jthmzqt4],
.hero-card:hover:not(.loading):not(.updating):not(.editing):not(.readonly):not(.empty) .hero-title[b-e8jthmzqt4] {
    transform: translateX(2px);
}

.card:hover:not(.loading):not(.updating):not(.editing):not(.readonly):not(.empty) .title-icon[b-e8jthmzqt4],
.hero-card:hover:not(.loading):not(.updating):not(.editing):not(.readonly):not(.empty) .title-icon[b-e8jthmzqt4] {
    opacity: 1;
    transform: scale(1.1);
}

.card.editing .title-icon[b-e8jthmzqt4], .hero-card.editing .title-icon[b-e8jthmzqt4] {
    color: var(--ink-6);
    opacity: 0.4;
}

.card.readonly .title-icon[b-e8jthmzqt4], .hero-card.readonly .title-icon[b-e8jthmzqt4] {
    opacity: 0.4;
}

.card.empty .title-icon[b-e8jthmzqt4], .hero-card.empty .title-icon[b-e8jthmzqt4] {
    opacity: 0.55;
    color: var(--accent-color, var(--ink-7));
    animation: none;
}

.card.empty:hover .title-icon[b-e8jthmzqt4], .hero-card.empty:hover .title-icon[b-e8jthmzqt4] {
    opacity: 0.85;
    color: var(--accent-color, var(--ink-6));
}


.card-content[b-e8jthmzqt4] {
    position: relative;
    z-index: 1;
    min-height: 60px;
    padding-bottom: 0.625rem;
}

.card-text[b-e8jthmzqt4], .hero-text[b-e8jthmzqt4] {
    font-family: var(--font);
    outline: none;
    border: none;
    width: 100%;
    resize: none;
    background: transparent;
    overflow: hidden;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    border-radius: var(--radius-md);
    letter-spacing: 0.005em;
    overflow-wrap: break-word;
    word-break: break-word;
    padding: 0;
}

.card-text[b-e8jthmzqt4] {
    font-size: var(--text-base);
    color: var(--ink-2);
    font-weight: 480;
    line-height: 1.65;
    min-height: 60px;
}

.hero-text[b-e8jthmzqt4] {
    font-size: 1rem;
    font-weight: 540;
    line-height: 1.6;
    color: var(--ink-2);
    min-height: 80px;
    letter-spacing: -0.005em;
    max-width: 95ch;
}

.card.empty .card-text[b-e8jthmzqt4],
.hero-card.empty .hero-text[b-e8jthmzqt4] {
    color: var(--ink-4);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    min-height: 48px;
}

    .card.empty .card-text[b-e8jthmzqt4]::placeholder,
    .hero-card.empty .hero-text[b-e8jthmzqt4]::placeholder {
        color: var(--ink-4);
        font-style: normal;
        opacity: 1;
        transition: color 0.18s ease;
    }

.card.empty:hover .card-text[b-e8jthmzqt4]::placeholder,
.hero-card.empty:hover .hero-text[b-e8jthmzqt4]::placeholder {
    color: transparent;
}

.empty-reveal[b-e8jthmzqt4] {
    position: absolute;
    inset: 0 0 auto 0;
    font-family: var(--font);
    font-size: var(--text-base);
    line-height: 1.55;
    font-weight: 480;
    color: var(--ink-3);
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
    overflow-wrap: break-word;
    z-index: 2;
}

.hero-card .empty-reveal[b-e8jthmzqt4] {
    font-size: 1rem;
    line-height: 1.6;
}

.card.empty:hover .empty-reveal[b-e8jthmzqt4],
.hero-card.empty:hover .empty-reveal[b-e8jthmzqt4] {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .empty-reveal[b-e8jthmzqt4] {
        transition: none;
        transform: none;
    }
}

.card.empty .card-content[b-e8jthmzqt4],
.hero-card.empty .card-content[b-e8jthmzqt4] {
    min-height: 0;
}

.hero-card.empty .hero-text[b-e8jthmzqt4] {
    min-height: 52px;
}

.card-text:focus[b-e8jthmzqt4], .hero-text:focus[b-e8jthmzqt4] {
    outline: none;
    caret-color: var(--accent);
}

.card-text[b-e8jthmzqt4]::placeholder, .hero-text[b-e8jthmzqt4]::placeholder {
    color: var(--ink-6);
    font-weight: var(--font-weight-regular);
    font-size: var(--text-base);
    letter-spacing: 0.005em;
    opacity: 0.8;
}

.highlight-number[b-e8jthmzqt4] {
    font-size: 2.75rem;
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    margin-bottom: 0.75rem;
    position: relative;
    z-index: 1;
    letter-spacing: -0.03em;
    line-height: 1;
}


.card-icon-bg[b-e8jthmzqt4], .hero-icon[b-e8jthmzqt4] {
    display: none;
}


.card-footer[b-e8jthmzqt4] {
    position: absolute;
    bottom: 0.25rem;
    left: 0;
    right: 0;
    padding: 0.25rem 0.75rem;
    height: 1.4rem;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero-card .card-footer[b-e8jthmzqt4] {
    padding: 0.25rem 1rem;
}

.footer-meta[b-e8jthmzqt4], .footer-edit-hint[b-e8jthmzqt4], .footer-editing[b-e8jthmzqt4], .footer-readonly[b-e8jthmzqt4], .footer-empty[b-e8jthmzqt4] {
    position: absolute;
    left: 0.75rem;
    right: 0.75rem;
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.01em;
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(2rem);
    opacity: 0;
}

.hero-card .footer-meta[b-e8jthmzqt4], .hero-card .footer-edit-hint[b-e8jthmzqt4],
.hero-card .footer-editing[b-e8jthmzqt4], .hero-card .footer-readonly[b-e8jthmzqt4], .hero-card .footer-empty[b-e8jthmzqt4] {
    left: 1rem;
    right: 1rem;
}

.footer-meta[b-e8jthmzqt4] {
    color: var(--ink-6);
    transform: translateY(0);
    opacity: 1;
}

.footer-edit-hint[b-e8jthmzqt4] {
    color: var(--ink-6);
    font-weight: var(--font-weight-regular);
}

    .footer-edit-hint .hint-primary[b-e8jthmzqt4] {
        color: var(--ink-5);
    }

    .footer-edit-hint .hint-sep[b-e8jthmzqt4] {
        color: var(--ink-7);
        margin: 0 0.25rem;
    }

    .footer-edit-hint .hint-secondary[b-e8jthmzqt4] {
        color: var(--ink-7);
    }

.footer-editing[b-e8jthmzqt4] {
    color: var(--ink-4);
}

.footer-readonly[b-e8jthmzqt4] {
    color: var(--ink-6);
}

.footer-empty[b-e8jthmzqt4] {
    color: var(--ink-5);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.005em;
}

    .footer-edit-hint i[b-e8jthmzqt4], .footer-editing i[b-e8jthmzqt4], .footer-readonly i[b-e8jthmzqt4], .footer-empty i[b-e8jthmzqt4] {
        margin-right: 0.25rem;
    }

.card:hover:not(.editing):not(.readonly):not(.empty) .footer-meta[b-e8jthmzqt4],
.hero-card:hover:not(.editing):not(.readonly):not(.empty) .footer-meta[b-e8jthmzqt4] {
    transform: translateY(-2rem);
    opacity: 0;
}

.card:hover:not(.editing):not(.readonly):not(.empty) .footer-edit-hint[b-e8jthmzqt4],
.hero-card:hover:not(.editing):not(.readonly):not(.empty) .footer-edit-hint[b-e8jthmzqt4] {
    transform: translateY(0);
    opacity: 1;
}

.card.editing .footer-meta[b-e8jthmzqt4], .hero-card.editing .footer-meta[b-e8jthmzqt4] {
    transform: translateY(-2rem);
    opacity: 0;
}

.card.editing .footer-editing[b-e8jthmzqt4], .hero-card.editing .footer-editing[b-e8jthmzqt4] {
    transform: translateY(0);
    opacity: 1;
}

.card.empty .footer-meta[b-e8jthmzqt4], .hero-card.empty .footer-meta[b-e8jthmzqt4] {
    transform: translateY(-2rem);
    opacity: 0;
}

.card.empty .footer-empty[b-e8jthmzqt4], .hero-card.empty .footer-empty[b-e8jthmzqt4] {
    transform: translateY(2rem);
    opacity: 0;
    color: var(--ink-5);
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.card.empty:hover .footer-empty[b-e8jthmzqt4], .hero-card.empty:hover .footer-empty[b-e8jthmzqt4] {
    transform: translateY(0);
    opacity: 1;
    color: var(--ink-5);
}

.card.empty .footer-edit-hint[b-e8jthmzqt4], .card.empty .footer-editing[b-e8jthmzqt4], .card.empty .footer-readonly[b-e8jthmzqt4],
.hero-card.empty .footer-edit-hint[b-e8jthmzqt4], .hero-card.empty .footer-editing[b-e8jthmzqt4], .hero-card.empty .footer-readonly[b-e8jthmzqt4] {
    display: none !important;
}

.card.readonly .footer-meta[b-e8jthmzqt4], .hero-card.readonly .footer-meta[b-e8jthmzqt4] {
    transform: translateY(0);
    opacity: 1;
}

.card.readonly .footer-readonly[b-e8jthmzqt4], .hero-card.readonly .footer-readonly[b-e8jthmzqt4] {
    transform: translateY(0);
    opacity: 1;
    position: absolute;
    right: 1.125rem;
    left: auto;
    width: auto;
}

.hero-card.readonly .footer-readonly[b-e8jthmzqt4] {
    right: 1.25rem;
}

.card.readonly .footer-edit-hint[b-e8jthmzqt4], .card.readonly .footer-editing[b-e8jthmzqt4], .card.readonly .footer-empty[b-e8jthmzqt4],
.hero-card.readonly .footer-edit-hint[b-e8jthmzqt4], .hero-card.readonly .footer-editing[b-e8jthmzqt4], .hero-card.readonly .footer-empty[b-e8jthmzqt4] {
    display: none !important;
}


.empty-state[b-e8jthmzqt4] {
    position: relative;
    z-index: 1;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0.5rem 0.75rem 2.25rem;
}

.empty-state-icon[b-e8jthmzqt4] {
    font-size: 2rem;
    color: var(--ink-7);
    margin-bottom: 0.625rem;
    opacity: 0.5;
}

.empty-state-title[b-e8jthmzqt4] {
    font-size: 0.9375rem;
    font-weight: var(--font-weight-semibold);
    color: var(--ink-4);
    margin-bottom: 0.25rem;
    line-height: 1.4;
}

.empty-state-message[b-e8jthmzqt4] {
    font-size: var(--text-base);
    color: var(--ink-5);
    line-height: 1.5;
    font-weight: 450;
}

.empty-state-hint[b-e8jthmzqt4] {
    font-size: var(--text-xs);
    color: var(--ink-6);
    margin-top: 0.375rem;
}

.card.empty[b-e8jthmzqt4], .hero-card.empty[b-e8jthmzqt4] {
    cursor: default;
}

    .card.empty:hover .empty-state-title[b-e8jthmzqt4],
    .hero-card.empty:hover .empty-state-title[b-e8jthmzqt4] {
        color: var(--ink-3);
    }

    .card.empty:hover .empty-state-icon[b-e8jthmzqt4],
    .hero-card.empty:hover .empty-state-icon[b-e8jthmzqt4] {
        opacity: 0.5;
        color: var(--ink-6);
    }


.card.readonly[b-e8jthmzqt4], .hero-card.readonly[b-e8jthmzqt4] {
    cursor: default;
    opacity: 0.92;
}

    .card.readonly:hover[b-e8jthmzqt4], .hero-card.readonly:hover[b-e8jthmzqt4] {
        transform: none;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 1px 2px rgba(15, 23, 42, 0.05), 0 6px 14px -8px rgba(15, 23, 42, 0.10), 0 14px 28px -18px rgba(15, 23, 42, 0.12);
        background: var(--surface);
    }

    .card.readonly .card-text[b-e8jthmzqt4], .hero-card.readonly .hero-text[b-e8jthmzqt4] {
        cursor: default;
        pointer-events: none;
        opacity: 0.9;
    }


.loading-overlay[b-e8jthmzqt4] {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--raised) 97%, transparent);
    border-radius: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    opacity: 0;
    animation: fadeIn-b-e8jthmzqt4 0.2s ease-out forwards;
    backdrop-filter: blur(8px);
}

.loading-spinner[b-e8jthmzqt4] {
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    margin-bottom: 1rem;
}

    .loading-spinner[b-e8jthmzqt4]::before, .loading-spinner[b-e8jthmzqt4]::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 2px solid transparent;
    }

    .loading-spinner[b-e8jthmzqt4]::before {
        border-top-color: var(--accent);
        border-right-color: var(--accent);
        animation: spin-b-e8jthmzqt4 0.8s linear infinite;
    }

    .loading-spinner[b-e8jthmzqt4]::after {
        border-bottom-color: var(--accent-hover);
        border-left-color: var(--accent-hover);
        animation: spin-b-e8jthmzqt4 0.8s linear infinite reverse;
        width: 2rem;
        height: 2rem;
        top: 0.25rem;
        left: 0.25rem;
    }

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

.loading-text[b-e8jthmzqt4] {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    color: var(--ink-4);
    text-align: center;
}

.loading-progress[b-e8jthmzqt4] {
    width: 3.75rem;
    height: 2px;
    background: var(--border-lt);
    border-radius: 2px;
    margin-top: 0.75rem;
    overflow: hidden;
}

.loading-progress-bar[b-e8jthmzqt4] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent), var(--accent-hover));
    border-radius: 2px;
    animation: loadingProgress-b-e8jthmzqt4 1.5s ease-in-out infinite;
}

@keyframes loadingProgress-b-e8jthmzqt4 {
    0% {
        width: 0;
        transform: translateX(0);
    }

    50% {
        width: 100%;
        transform: translateX(0);
    }

    100% {
        width: 100%;
        transform: translateX(100%);
    }
}

.update-dots[b-e8jthmzqt4] {
    display: inline-flex;
    gap: 0.375rem;
    padding: 0.5rem;
}

    .update-dots span[b-e8jthmzqt4] {
        width: 0.5rem;
        height: 0.5rem;
        background: var(--accent);
        border-radius: 50%;
        opacity: 0.3;
        animation: dotWave-b-e8jthmzqt4 1.4s ease-in-out infinite;
    }

        .update-dots span:nth-child(2)[b-e8jthmzqt4] {
            animation-delay: 0.15s;
        }

        .update-dots span:nth-child(3)[b-e8jthmzqt4] {
            animation-delay: 0.3s;
        }

@keyframes dotWave-b-e8jthmzqt4 {
    0%, 60%, 100% {
        transform: translateY(0) scale(1);
        opacity: 0.3;
    }

    30% {
        transform: translateY(-0.5rem) scale(1.15);
        opacity: 1;
    }
}


.new-badge[b-e8jthmzqt4] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background: linear-gradient(135deg, var(--accent), var(--accent-hover));
    color: #fff;
    padding: 0.1875rem 0.5rem;
    border-radius: var(--radius-full);
    font-size: 0.5rem;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    z-index: 10;
    opacity: 0;
    transform: scale(0.9) translateY(-4px);
    animation: newBadgeIn-b-e8jthmzqt4 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    box-shadow: 0 2px 8px var(--accent-shadow);
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    line-height: 1;
}

    .new-badge i[b-e8jthmzqt4] {
        font-size: 0.45rem;
    }

@keyframes newBadgeIn-b-e8jthmzqt4 {
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.new-badge.fade-out[b-e8jthmzqt4] {
    animation: newBadgeFadeOut-b-e8jthmzqt4 0.4s ease-out forwards;
}

@keyframes newBadgeFadeOut-b-e8jthmzqt4 {
    to {
        opacity: 0;
        transform: scale(0.85) translateY(-3px);
    }
}

.new-badge--updated[b-e8jthmzqt4] {
    background: linear-gradient(135deg, var(--success) 0%, var(--success-dark) 100%);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--success) 18%, transparent);
    animation: newBadgeIn-b-e8jthmzqt4 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards, updatedSettle-b-e8jthmzqt4 0.6s 0.35s ease-out forwards;
}

@keyframes updatedSettle-b-e8jthmzqt4 {
    0% {
        box-shadow: 0 2px 8px color-mix(in srgb, var(--success) 25%, transparent);
    }

    100% {
        box-shadow: 0 2px 8px color-mix(in srgb, var(--success) 10%, transparent);
    }
}

.new-badge--saved[b-e8jthmzqt4] {
    background: linear-gradient(135deg, var(--ink-5), var(--ink-4));
    color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    animation: newBadgeIn-b-e8jthmzqt4 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}


.hero-card[b-e8jthmzqt4], .card[b-e8jthmzqt4] {
    animation: fadeInUp-b-e8jthmzqt4 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
}

    .card:nth-child(1)[b-e8jthmzqt4] {
        animation-delay: 0s;
    }

    .card:nth-child(2)[b-e8jthmzqt4] {
        animation-delay: 0.04s;
    }

    .card:nth-child(3)[b-e8jthmzqt4] {
        animation-delay: 0.08s;
    }

    .card:nth-child(4)[b-e8jthmzqt4] {
        animation-delay: 0.12s;
    }

    .card:nth-child(5)[b-e8jthmzqt4] {
        animation-delay: 0.16s;
    }

    .card:nth-child(6)[b-e8jthmzqt4] {
        animation-delay: 0.2s;
    }

@keyframes fadeIn-b-e8jthmzqt4 {
    to {
        opacity: 1;
    }
}

@keyframes fadeInUp-b-e8jthmzqt4 {
    from {
        opacity: 0;
        transform: translateY(1.25rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


@media (prefers-reduced-motion: reduce) {
    .card[b-e8jthmzqt4], .hero-card[b-e8jthmzqt4],
    .card-icon-bg[b-e8jthmzqt4], .hero-icon[b-e8jthmzqt4], .title-icon[b-e8jthmzqt4],
    .footer-meta[b-e8jthmzqt4], .footer-edit-hint[b-e8jthmzqt4], .footer-editing[b-e8jthmzqt4], .footer-readonly[b-e8jthmzqt4], .footer-empty[b-e8jthmzqt4] {
        transition: none;
    }

        .card[b-e8jthmzqt4], .hero-card[b-e8jthmzqt4],
        .card-icon-bg[b-e8jthmzqt4], .hero-icon[b-e8jthmzqt4], .title-icon[b-e8jthmzqt4],
        .loading-spinner[b-e8jthmzqt4]::before, .loading-spinner[b-e8jthmzqt4]::after,
        .loading-progress-bar[b-e8jthmzqt4], .update-dots span[b-e8jthmzqt4],
        .card.pending-update[b-e8jthmzqt4]::before, .hero-card.pending-update[b-e8jthmzqt4]::before,
        .card.pending-update .card-title[b-e8jthmzqt4]::after, .hero-card.pending-update .hero-title[b-e8jthmzqt4]::after,
        .card.updating[b-e8jthmzqt4]::after, .hero-card.updating[b-e8jthmzqt4]::after {
            animation: none;
        }

            .card.pending-update .card-title[b-e8jthmzqt4]::after,
            .hero-card.pending-update .hero-title[b-e8jthmzqt4]::after {
                opacity: 0.7;
                transform: scale(1);
            }

            .card.pending-update[b-e8jthmzqt4]::before,
            .hero-card.pending-update[b-e8jthmzqt4]::before {
                background: linear-gradient( 90deg, transparent 0%, var(--accent) 40%, var(--accent) 60%, transparent 100% );
                opacity: 0.5;
            }
}


@media (max-width: 1300px) {
    .card[b-e8jthmzqt4] {
        padding: 1rem;
        min-height: 0;
    }

    .hero-card[b-e8jthmzqt4] {
        min-height: 0;
    }


    .hero-title[b-e8jthmzqt4], .card-title[b-e8jthmzqt4] {
        font-size: var(--text-xs);
    }

    .hero-text[b-e8jthmzqt4] {
        font-size: var(--text-md);
        min-height: 70px;
    }

    .card-text[b-e8jthmzqt4] {
        font-size: var(--text-base);
        min-height: 55px;
    }

    .card-content[b-e8jthmzqt4] {
        min-height: 50px;
    }
}

@media (max-width: 768px) {
    .card[b-e8jthmzqt4] {
        padding: 0.875rem;
        min-height: 0;
    }

    .hero-card[b-e8jthmzqt4] {
        padding: 1rem;
        min-height: 0;
    }

    .highlight-number[b-e8jthmzqt4] {
        font-size: 2.25rem;
    }

    .hero-text[b-e8jthmzqt4] {
        font-size: var(--text-base);
        min-height: 60px;
    }

    .card-text[b-e8jthmzqt4] {
        font-size: var(--text-sm);
        min-height: 50px;
    }

        .card-text[b-e8jthmzqt4]::placeholder, .hero-text[b-e8jthmzqt4]::placeholder {
            font-size: var(--text-sm);
        }

    .hero-title[b-e8jthmzqt4], .card-title[b-e8jthmzqt4] {
        font-size: var(--text-2xs);
        margin-bottom: 0.25rem;
    }

    .card-footer[b-e8jthmzqt4], .hero-card .card-footer[b-e8jthmzqt4] {
        padding: 0.25rem 0.875rem;
        height: 1.5rem;
    }

    .footer-meta[b-e8jthmzqt4], .footer-edit-hint[b-e8jthmzqt4], .footer-editing[b-e8jthmzqt4], .footer-readonly[b-e8jthmzqt4], .footer-empty[b-e8jthmzqt4],
    .hero-card .footer-meta[b-e8jthmzqt4], .hero-card .footer-edit-hint[b-e8jthmzqt4], .hero-card .footer-editing[b-e8jthmzqt4],
    .hero-card .footer-readonly[b-e8jthmzqt4], .hero-card .footer-empty[b-e8jthmzqt4] {
        left: 0.875rem;
        right: 0.875rem;
        font-size: 0.5rem;
    }

    .card.readonly .footer-readonly[b-e8jthmzqt4], .hero-card.readonly .footer-readonly[b-e8jthmzqt4] {
        right: 0.875rem;
    }


    .card-content[b-e8jthmzqt4] {
        min-height: 45px;
        padding-bottom: 0.5rem;
    }

    .empty-state[b-e8jthmzqt4] {
        min-height: 55px;
        padding-bottom: 2rem;
    }

    .card.pending-update .card-title[b-e8jthmzqt4]::after,
    .hero-card.pending-update .hero-title[b-e8jthmzqt4]::after {
        width: 4px;
        height: 4px;
    }
}

@media (max-width: 480px) {
    .card[b-e8jthmzqt4] {
        padding: 0.875rem;
        min-height: 0;
    }

    .hero-card[b-e8jthmzqt4] {
        padding: 0.875rem;
        min-height: 0;
    }

    .card-text[b-e8jthmzqt4] {
        min-height: 45px;
    }

    .hero-text[b-e8jthmzqt4] {
        min-height: 50px;
    }

    .card-content[b-e8jthmzqt4] {
        min-height: 40px;
        padding-bottom: 0.5rem;
    }

    .empty-state[b-e8jthmzqt4] {
        min-height: 45px;
        padding: 0.5rem 0.75rem 1.75rem;
    }

    .empty-state-icon[b-e8jthmzqt4] {
        font-size: 1.5rem;
        margin-bottom: 0.375rem;
    }

    .empty-state-title[b-e8jthmzqt4] {
        font-size: var(--text-md);
    }

    .card-footer[b-e8jthmzqt4] {
        height: 1.25rem;
        padding: 0.25rem 0.875rem;
    }
}

/* /Components/ProdComponents/InnovationAgendaPage.razor.rz.scp.css */
.agenda-page[b-171indli24] {
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    background: var(--background-secondary);
}

    .agenda-page *[b-171indli24] {
        box-sizing: border-box;
    }

.agenda-aurora[b-171indli24] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    background-size: 30px 30px;
    z-index: 0;
}

.agenda-wrapper[b-171indli24] {
    max-width: 1360px;
    margin: 0 auto;
    padding: 64px 40px 96px;
    position: relative;
    z-index: 1;
}

.masthead[b-171indli24] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 44px;
}

.masthead-eyebrow[b-171indli24] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--text-tertiary);
    margin-bottom: 10px;
}

.masthead-title[b-171indli24] {
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -1.2px;
    line-height: 1.08;
    margin: 0 0 14px;
    color: var(--text-heading);
}

.masthead-sub[b-171indli24] {
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-secondary);
    margin: 0;
    max-width: 62ch;
}

.rail-tag[b-171indli24] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 4px;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    color: #92400e;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    vertical-align: middle;
}

@keyframes mhFade-b-171indli24 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.masthead-history[b-171indli24],
.masthead > .btn-primary[b-171indli24] {
    animation: mhFade-b-171indli24 0.22s ease both;
}

.masthead-history[b-171indli24] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    background: var(--background-primary);
    flex-shrink: 0;
}

.mh-text[b-171indli24] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.mh-eyebrow[b-171indli24] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.mh-name[b-171indli24] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11.5px;
    font-weight: 650;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: var(--text-heading);
}

.agenda-layout[b-171indli24] {
    display: grid;
    grid-template-columns: 330px 1fr;
    gap: 28px;
    align-items: start;
}

.rail[b-171indli24] {
    position: sticky;
    top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.main[b-171indli24] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.concept[b-171indli24] {
    position: relative;
    background: #f2eefb;
    border: 1px solid rgba(124, 58, 237, 0.13);
    border-radius: 16px;
    padding: 22px 24px;
}

.concept-watermark[b-171indli24] {
    position: absolute;
    top: 16px;
    right: 18px;
    font-size: 76px;
    line-height: 1;
    color: #7c3aed;
    opacity: 0.09;
    pointer-events: none;
    user-select: none;
}

.concept-title[b-171indli24] {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.25px;
    margin: 0 0 11px;
    color: var(--text-heading);
}

.concept-text[b-171indli24] {
    font-size: 13px;
    line-height: 1.68;
    color: var(--text-secondary);
    margin: 0 0 11px;
}

    .concept-text:last-of-type[b-171indli24] {
        margin-bottom: 0;
    }

    .concept-text strong[b-171indli24] {
        color: var(--text-heading);
        font-weight: 650;
    }

.concept-foot[b-171indli24] {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(124, 58, 237, 0.12);
    font-size: 12px;
    font-style: italic;
    color: var(--text-tertiary);
}

.concept-split[b-171indli24] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.split-row[b-171indli24] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-left: 12px;
    border-left: 2px solid rgba(124, 58, 237, 0.2);
}

.split-yes[b-171indli24] {
    border-left-color: var(--text-heading);
}

.split-tag[b-171indli24] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.split-body[b-171indli24] {
    font-size: 12.5px;
    line-height: 1.6;
    color: var(--text-secondary);
}

    .split-body strong[b-171indli24] {
        color: var(--text-heading);
    }

.rail-card[b-171indli24] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 18px 20px;
}

.rail-title[b-171indli24] {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--text-tertiary);
    margin-bottom: 12px;
}

.rail-row[b-171indli24] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--border-color);
}

    .rail-row:last-of-type[b-171indli24] {
        border-bottom: none;
    }

.rail-label[b-171indli24] {
    font-size: 12.5px;
    color: var(--text-tertiary);
}

.rail-value[b-171indli24] {
    font-size: 12.5px;
    font-weight: 650;
    color: var(--text-heading);
    text-align: right;
}

.rail-note[b-171indli24] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 14px 16px;
    border-radius: 14px;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    font-size: 12.5px;
    line-height: 1.55;
    color: var(--text-secondary);
}

    .rail-note i[b-171indli24] {
        color: var(--text-tertiary);
        margin-top: 2px;
    }

.btn-rail[b-171indli24] {
    width: 100%;
    margin-top: 12px;
    padding: 10px 14px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background: transparent;
    color: var(--text-secondary);
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 650;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.18s ease;
}

    .btn-rail:hover:not(:disabled)[b-171indli24] {
        border-color: var(--text-heading);
        color: var(--text-heading);
    }

.timeline[b-171indli24] {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
}

.tl-item[b-171indli24] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 9px 0;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    position: relative;
}

    .tl-item[b-171indli24]::before {
        content: "";
        position: absolute;
        left: 4px;
        top: 22px;
        bottom: -4px;
        width: 1px;
        background: var(--border-color);
    }

    .tl-item:last-child[b-171indli24]::before {
        display: none;
    }

.tl-dot[b-171indli24] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--border-color);
    margin-top: 5px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    transition: background 0.18s ease;
}

.tl-item.active .tl-dot[b-171indli24] {
    background: var(--accent);
}

.tl-item:hover .tl-dot[b-171indli24] {
    background: var(--text-tertiary);
}

.tl-body[b-171indli24] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tl-version[b-171indli24] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: var(--text-heading);
    word-break: break-all;
}

.tl-page[b-171indli24] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 0;
    background: none;
    border: none;
    color: var(--text-tertiary);
    font-size: 11px;
    cursor: pointer;
    transition: color 0.18s ease;
}

    .tl-page:hover[b-171indli24] {
        color: var(--text-heading);
    }

.tl-current[b-171indli24] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 6px;
    border-radius: 4px;
    background: rgba(244, 8, 155, 0.1);
    color: var(--accent);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    vertical-align: middle;
}

.tl-date[b-171indli24] {
    font-size: 11.5px;
    color: var(--text-tertiary);
}

.panel[b-171indli24] {
    position: relative;
    background: #eff0f4;
    border: 1px solid rgba(20, 15, 50, 0.06);
    border-radius: 20px;
    padding: 32px 34px;
}

.panel-watermark[b-171indli24] {
    position: absolute;
    top: 14px;
    right: 22px;
    font-size: 150px;
    line-height: 1;
    color: var(--text-heading);
    opacity: 0.045;
    pointer-events: none;
    user-select: none;
}

.panel-head[b-171indli24] {
    position: relative;
    margin-bottom: 26px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(20, 15, 50, 0.07);
}

.panel-title[b-171indli24] {
    font-size: 20px;
    font-weight: 750;
    letter-spacing: -0.4px;
    margin: 0 0 5px;
    color: var(--text-heading);
}

.panel-desc[b-171indli24] {
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--text-secondary);
    margin: 0;
    max-width: 68ch;
}

.field[b-171indli24] {
    margin-bottom: 26px;
}

    .field:last-child[b-171indli24] {
        margin-bottom: 0;
    }

.field-row[b-171indli24] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 26px;
}

    .field-row .field[b-171indli24] {
        margin-bottom: 0;
    }

.field-label[b-171indli24] {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.1px;
    color: var(--text-heading);
    margin-bottom: 9px;
}

.req[b-171indli24] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.info[b-171indli24] {
    display: inline-flex;
    align-items: center;
    position: relative;
    color: var(--text-tertiary);
    cursor: help;
    outline: none;
}

.info-mark[b-171indli24] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 10px;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    transition: color 0.18s ease, border-color 0.18s ease;
}

.info:hover[b-171indli24],
.info:focus[b-171indli24] {
    color: var(--accent);
}

.tip[b-171indli24] {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    transform: translateX(-50%) translateY(4px);
    width: 320px;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--text-heading);
    color: #fff;
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.16s ease, transform 0.16s ease;
    z-index: 40;
    pointer-events: none;
}

    .tip[b-171indli24]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border: 6px solid transparent;
        border-top-color: var(--text-heading);
    }

.info:hover .tip[b-171indli24],
.info:focus .tip[b-171indli24] {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.tip-why[b-171indli24] {
    display: block;
    color: rgba(255, 255, 255, 0.9);
}

.tip-eg[b-171indli24] {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.62);
    font-style: italic;
}

.tip-eg-label[b-171indli24] {
    display: block;
    font-style: normal;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 3px;
}

.field-note[b-171indli24] {
    font-size: 12px;
    color: var(--text-tertiary);
    margin: 8px 0 0;
}

.field-error[b-171indli24] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #dc2626;
    margin-top: 6px;
}

.input[b-171indli24] {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid rgba(20, 15, 50, 0.07);
    border-radius: 11px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.65;
    color: var(--text-heading);
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(20, 15, 50, 0.03);
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.textarea[b-171indli24] {
    resize: vertical;
}

.input[b-171indli24]::placeholder {
    color: var(--text-tertiary);
}

.input:not([readonly]):hover[b-171indli24] {
    border-color: rgba(20, 15, 50, 0.16);
}

.input:focus[b-171indli24] {
    border-color: var(--accent);
    box-shadow: 0 0 0 4px rgba(244, 8, 155, 0.09);
}

.input[readonly][b-171indli24] {
    border-color: transparent;
    box-shadow: none;
    cursor: default;
}

.input.invalid[b-171indli24] {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.04);
}

.options[b-171indli24] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.opt[b-171indli24] {
    padding: 9px 16px;
    border: 1px solid rgba(20, 15, 50, 0.08);
    border-radius: 999px;
    background: #ffffff;
    color: var(--text-secondary);
    font-family: inherit;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
    transition: all 0.18s ease;
}

    .opt:hover:not(:disabled)[b-171indli24] {
        border-color: var(--text-heading);
        color: var(--text-heading);
    }

    .opt.on[b-171indli24] {
        border-color: var(--text-heading);
        background: var(--text-heading);
        color: var(--background-primary);
    }

    .opt:disabled[b-171indli24] {
        cursor: default;
    }

.options.reading .opt:not(.on)[b-171indli24] {
    opacity: 0.35;
}

.chiplist[b-171indli24] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 50px;
    padding: 10px 12px;
    border: 1px solid rgba(20, 15, 50, 0.07);
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(20, 15, 50, 0.03);
}

    .chiplist.editable[b-171indli24] {
        cursor: text;
    }

        .chiplist.editable:focus-within[b-171indli24] {
            border-color: var(--accent);
            box-shadow: 0 0 0 4px rgba(244, 8, 155, 0.09);
        }

    .chiplist.reading[b-171indli24] {
        border-color: transparent;
        box-shadow: none;
    }

.chiplist-empty[b-171indli24] {
    font-size: 14px;
    color: var(--text-tertiary);
}

.chip[b-171indli24] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px 6px 13px;
    background: #f2f3f7;
    border: 1px solid rgba(20, 15, 50, 0.06);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-heading);
}

.chiplist.reading .chip[b-171indli24] {
    padding: 6px 13px;
}

.chip-x[b-171indli24] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 50%;
    background: rgba(20, 15, 50, 0.08);
    color: var(--text-secondary);
    font-size: 8px;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    transition: all 0.18s ease;
}

    .chip-x:hover[b-171indli24] {
        background: var(--accent);
        color: #fff;
    }

.chip-entry[b-171indli24] {
    flex: 1;
    min-width: 150px;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 14px;
    color: var(--text-heading);
    padding: 4px 2px;
}

    .chip-entry[b-171indli24]::placeholder {
        color: var(--text-tertiary);
    }

.banner[b-171indli24] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 18px;
    border-radius: 14px;
    font-size: 13.5px;
    line-height: 1.5;
}

.banner-success[b-171indli24] {
    background: rgba(15, 138, 94, 0.07);
    border: 1px solid rgba(15, 138, 94, 0.22);
    color: #0b6f4c;
}

.banner-error[b-171indli24] {
    background: rgba(239, 68, 68, 0.06);
    border: 1px solid rgba(239, 68, 68, 0.22);
    color: #b91c1c;
}

.banner-guidance[b-171indli24] {
    background: #fffbeb;
    border: 1px solid #fcd34d;
    color: #92400e;
}

.banner-close[b-171indli24] {
    margin-left: auto;
    background: none;
    border: none;
    font-size: 19px;
    line-height: 1;
    cursor: pointer;
    color: inherit;
    opacity: 0.55;
    padding: 0 2px;
}

    .banner-close:hover[b-171indli24] {
        opacity: 1;
    }

.actions[b-171indli24] {
    position: sticky;
    bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    padding: 15px 20px;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
}

.pending[b-171indli24] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-tertiary);
    margin-right: auto;
}

.pending-dot[b-171indli24] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--accent);
}

.btn-primary[b-171indli24] {
    padding: 13px 26px;
    background: var(--text-heading);
    color: var(--background-primary);
    border: none;
    border-radius: 11px;
    font-family: inherit;
    font-weight: 650;
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
    transition: all 0.18s ease;
}

    .btn-primary:hover:not(:disabled)[b-171indli24] {
        opacity: 0.9;
        transform: translateY(-1px);
    }

    .btn-primary:disabled[b-171indli24] {
        opacity: 0.45;
        cursor: not-allowed;
    }

.btn-ghost[b-171indli24] {
    padding: 13px 20px;
    background: transparent;
    color: var(--text-secondary);
    border: 1.5px solid var(--border-color);
    border-radius: 11px;
    font-family: inherit;
    font-weight: 650;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.18s ease;
}

    .btn-ghost:hover:not(:disabled)[b-171indli24] {
        color: var(--text-heading);
        border-color: var(--text-heading);
    }

.spinner[b-171indli24] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-171indli24 0.7s linear infinite;
}

.spinner-dark[b-171indli24] {
    border-color: rgba(0, 0, 0, 0.15);
    border-top-color: var(--text-heading);
}

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

.empty-state[b-171indli24] {
    text-align: center;
    padding: 40px 24px;
}

.empty-icon[b-171indli24] {
    font-size: 30px;
    color: var(--text-tertiary);
    margin-bottom: 18px;
}

.empty-title[b-171indli24] {
    font-size: 20px;
    font-weight: 750;
    color: var(--text-heading);
    margin: 0 0 10px;
}

.empty-text[b-171indli24] {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.65;
    max-width: 52ch;
    margin: 0 auto 22px;
}

@media (max-width: 1100px) {
    .agenda-layout[b-171indli24] {
        grid-template-columns: 1fr;
    }

    .rail[b-171indli24] {
        position: static;
    }
}

@media (max-width: 768px) {
    .agenda-wrapper[b-171indli24] {
        padding: 40px 20px 72px;
    }

    .masthead[b-171indli24] {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .masthead-title[b-171indli24] {
        font-size: 30px;
    }

    .panel[b-171indli24] {
        padding: 24px 20px;
    }

    .field-row[b-171indli24] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .masthead-history[b-171indli24],
    .masthead > .btn-primary[b-171indli24],
    .btn-primary[b-171indli24],
    .btn-ghost[b-171indli24],
    .btn-rail[b-171indli24],
    .opt[b-171indli24],
    .tip[b-171indli24],
    .chip-x[b-171indli24],
    .tl-dot[b-171indli24],
    .input[b-171indli24] {
        transition: none;
    }

        .btn-primary:hover:not(:disabled)[b-171indli24] {
            transform: none;
        }

    .spinner[b-171indli24] {
        animation: none;
    }

    .masthead-history[b-171indli24],
    .masthead > .btn-primary[b-171indli24] {
        animation: none;
    }
}
/* /Components/ProdComponents/MarketOutlook.razor.rz.scp.css */
.ms-section[b-vss47meowj] {
    --tier-1-bg: #f8fafc;
    --tier-1-border: rgba(51,65,85,0.08);
    --tier-2-bg: #f1f5f9;
    --tier-2-border: rgba(51,65,85,0.12);
    --tier-3-bg: #e2e8f0;
    --tier-3-border: rgba(51,65,85,0.18);
    --tier-deep-bg: #1e293b;
    --tier-deep-hover: #334155;
    --tier-deep-active: #0f172a;
    --tam: #94a3b8;
    --tam-fill: rgba(148,163,184,0.16);
    --tam-stroke: rgba(148,163,175,0.45);
    --tam-accent: #64748b;
    --sam: #64748b;
    --sam-fill: rgba(100,116,139,0.14);
    --sam-stroke: rgba(100,116,139,0.4);
    --sam-accent: #475569;
    --som: #334155;
    --som-fill: rgba(51,65,85,0.90);
    --som-accent: #1e293b;
    --green: #10b981;
    --green-bg: #ecfdf5;
    --green-lt: #6ee7b7;
    --amber: #f59e0b;
    --amber-bg: #fffbeb;
    --red: #ef4444;
    --red-lt: #fca5a5;
    --red-bg: #fef2f2;
    --accent-bg: color-mix(in srgb, var(--accent) 5%, transparent);
    --accent-lt: color-mix(in srgb, var(--accent) 10%, transparent);
    --mono: 'DM Mono', 'SF Mono', monospace;
    max-width: none;
    margin: 0;
    opacity: 0;
    transform: translateY(10px);
    animation: ms-up-b-vss47meowj .5s ease .1s forwards;
    font-family: var(--font);
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
}

@keyframes ms-up-b-vss47meowj {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ms-fadeIn-b-vss47meowj {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ms-slideIn-b-vss47meowj {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}


.ms-fold[b-vss47meowj] {
    overflow: hidden;
    transition: max-height .5s cubic-bezier(.33,1,.68,1), opacity .3s ease;
}

.ms-section.collapsed .ms-hero-above .ms-hero-main[b-vss47meowj] {
    margin-bottom: 0;
}


.ms-fold-toggle-wrap[b-vss47meowj] {
    display: flex;
    justify-content: center;
    padding: 8px 0 4px;
}

.ms-fold-toggle[b-vss47meowj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    font-family: var(--font);
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    color: var(--accent);
    background: var(--accent-bg);
    border: 1px solid var(--accent-border);
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

    .ms-fold-toggle:hover[b-vss47meowj] {
        background: var(--accent-lt);
        border-color: var(--accent);
        transform: translateY(-1px);
    }

    .ms-fold-toggle i[b-vss47meowj] {
        font-size: 10px;
        transition: transform 0.3s ease;
    }

    .ms-fold-toggle:hover i[b-vss47meowj] {
        transform: translateY(1px);
    }

.ms-fold-toggle[b-vss47meowj] {
    animation: ms-hintPulse-b-vss47meowj 2.5s ease-in-out infinite;
}

@keyframes ms-hintPulse-b-vss47meowj {
    0%, 100% {
        opacity: .6;
    }

    50% {
        opacity: 1;
    }
}


.ms-hero-context-wrap[b-vss47meowj] {
    padding: 0 0 1.25rem;
}


.ms-hero-insights[b-vss47meowj] {
    margin-bottom: 2.25rem;
}

.ms-hero-above[b-vss47meowj] {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

.ms-hero-below[b-vss47meowj] {
    margin-top: 0;
    margin-bottom: 1.75rem;
}

.ms-hero-main[b-vss47meowj] {
    margin-bottom: 1.25rem;
}

.ms-hero-title[b-vss47meowj] {
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    line-height: 1.45;
    margin: 0 0 0.375rem;
    letter-spacing: -0.01em;
    max-width: 52rem;
}

.ms-hero-context[b-vss47meowj] {
    font-size: var(--text-md);
    color: var(--ink-4);
    margin: 0;
    line-height: 1.55;
    max-width: 60rem;
}

.ms-hero-cards[b-vss47meowj] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
}

.ms-hero-card[b-vss47meowj] {
    display: flex;
    gap: 1rem;
    background: var(--raised);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
}

    .ms-hero-card[b-vss47meowj]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: var(--border);
    }

    .ms-hero-card:hover[b-vss47meowj] {
        border-color: var(--ink-7);
        box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        transform: translateY(-2px);
    }

        .ms-hero-card:hover[b-vss47meowj]::before {
            background: var(--ink-5);
        }

.ms-hero-card-body[b-vss47meowj] {
    flex: 1;
    min-width: 0;
}

.ms-hero-card-label[b-vss47meowj] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.5rem;
    color: var(--ink-5);
}

    .ms-hero-card-label i[b-vss47meowj] {
        font-size: 10px;
        color: var(--ink-6);
    }

.ms-driver-list[b-vss47meowj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ms-driver-item[b-vss47meowj] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.ms-driver-dash[b-vss47meowj] {
    flex-shrink: 0;
    color: var(--ink-6);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
    font-size: 12.5px;
}

.ms-driver-text[b-vss47meowj] {
    font-size: 12.5px;
    color: var(--ink-3);
    line-height: 1.5;
}

    .ms-driver-text strong[b-vss47meowj] {
        font-weight: var(--font-weight-semibold);
        color: var(--ink-2);
    }

.ms-risk-severity[b-vss47meowj] {
    display: inline;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.02em;
    margin-left: 4px;
}

    .ms-risk-severity.sev-high[b-vss47meowj] {
        color: var(--danger);
    }

    .ms-risk-severity.sev-med[b-vss47meowj] {
        color: var(--warning-dark);
    }

    .ms-risk-severity.sev-low[b-vss47meowj] {
        color: #047857;
    }

.ms-maturity-inline[b-vss47meowj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--border-lt);
}

.ms-maturity-inline-label[b-vss47meowj] {
    font-size: 10px;
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-6);
    white-space: nowrap;
}

.ms-maturity-inline-track[b-vss47meowj] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 2px;
}

.ms-maturity-inline-seg[b-vss47meowj] {
    flex: 1;
    height: 5px;
    border-radius: 2.5px;
    background: var(--border);
    transition: background .3s;
}

    .ms-maturity-inline-seg.filled[b-vss47meowj] {
        background: var(--ink-4);
    }

    .ms-maturity-inline-seg.current[b-vss47meowj] {
        background: var(--green);
        box-shadow: 0 0 6px rgba(16,185,129,0.4);
    }

.ms-maturity-inline-value[b-vss47meowj] {
    font-size: 11px;
    font-weight: var(--font-weight-semibold);
    color: var(--green);
    white-space: nowrap;
}


.ms-hero-card-window[b-vss47meowj] {
    background: var(--raised);
    border-color: var(--border);
}

    .ms-hero-card-window[b-vss47meowj]::before {
        background: var(--amber);
    }

    .ms-hero-card-window:hover[b-vss47meowj] {
        border-color: var(--ink-7);
    }

        .ms-hero-card-window:hover[b-vss47meowj]::before {
            background: var(--amber);
        }

.ms-window-header[b-vss47meowj] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.ms-window-time[b-vss47meowj] {
    font-size: 20px;
    font-weight: var(--font-weight-extrabold);
    color: var(--ink);
    letter-spacing: -0.02em;
    line-height: 1;
}

.ms-window-conf[b-vss47meowj] {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 8px;
    border-radius: 4px;
}

    .ms-window-conf.conf-high[b-vss47meowj] {
        color: #047857;
    }

    .ms-window-conf.conf-medium[b-vss47meowj] {
        color: var(--warning-dark);
    }

    .ms-window-conf.conf-low[b-vss47meowj] {
        color: var(--danger);
    }

.ms-window-context[b-vss47meowj] {
    font-size: 12.5px;
    font-weight: var(--font-weight-medium);
    color: var(--ink-3);
    margin-bottom: 10px;
    line-height: 1.5;
}

.ms-window-triggers[b-vss47meowj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    max-width: 100%;
}

.ms-triggers-label[b-vss47meowj] {
    font-size: 10px;
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-5);
    flex-shrink: 0;
}

.ms-trigger-chip[b-vss47meowj] {
    font-size: 10px;
    font-weight: var(--font-weight-medium);
    padding: 3px 8px;
    background: rgba(0,0,0,0.03);
    border: 1px solid var(--border);
    border-radius: 4px;
    color: var(--ink-3);
    white-space: normal;
    word-break: break-word;
    max-width: 100%;
}

.ms-window-precedent[b-vss47meowj] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 10px;
    color: var(--ink-5);
    line-height: 1.4;
    padding-top: 8px;
    border-top: 1px solid rgba(161,98,7,0.15);
}

    .ms-window-precedent i[b-vss47meowj] {
        font-size: 10px;
        margin-top: 1px;
        opacity: 0.7;
    }


.ms-strategy-banner[b-vss47meowj] {
    display: flex;
    align-items: stretch;
    gap: 0;
    padding: 0;
    background: var(--raised);
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent);
    border-radius: 0 8px 8px 0;
    margin: 0 0 28px;
    overflow: hidden;
}

.ms-strategy-posture[b-vss47meowj] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    flex-shrink: 0;
    padding: 16px 24px;
    border-right: 1px solid var(--border-lt);
    background: color-mix(in srgb, var(--accent) 3%, transparent);
}

.ms-posture-label[b-vss47meowj] {
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--accent);
}

.ms-posture-value[b-vss47meowj] {
    font-size: 17px;
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    letter-spacing: -0.02em;
    line-height: 1.2;
    white-space: nowrap;
}

.ms-strategy-body[b-vss47meowj] {
    flex: 1;
    min-width: 0;
    padding: 16px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ms-strategy-headline[b-vss47meowj] {
    font-size: 14.5px;
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    line-height: 1.45;
    margin: 0 0 4px;
    letter-spacing: -0.005em;
}

.ms-strategy-rationale[b-vss47meowj] {
    font-size: 12.5px;
    color: var(--ink-4);
    line-height: 1.55;
    margin: 0;
}


.ms-map-section[b-vss47meowj] {
    margin-bottom: 2rem;
}

.ms-panel-bar[b-vss47meowj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 12px;
    border-bottom: none;
}

.ms-panel-label[b-vss47meowj] {
    font-size: 11px;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--ink-5);
}

    .ms-panel-label i[b-vss47meowj] {
        margin-right: 0.5rem;
        font-size: 0.625rem;
        opacity: 0.5;
    }

.ms-learn-btn[b-vss47meowj] {
    font-size: 11px;
    color: var(--ink-6);
    background: none;
    border: 1px solid var(--border);
    padding: 3px 10px 3px 7px;
    border-radius: 5px;
    cursor: pointer;
    font-family: var(--font);
    font-weight: var(--font-weight-medium);
    display: flex;
    align-items: center;
    gap: 4px;
    transition: all .15s;
}

    .ms-learn-btn:hover[b-vss47meowj] {
        border-color: var(--ink-7);
        color: var(--ink-4);
    }

    .ms-learn-btn.active[b-vss47meowj] {
        background: var(--ink-3);
        color: #fff;
        border-color: var(--ink-3);
    }

.ms-defs[b-vss47meowj] {
    display: none;
    padding: 14px 0;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--border-lt);
}

    .ms-defs.show[b-vss47meowj] {
        display: flex;
        animation: ms-fadeIn-b-vss47meowj .2s ease;
    }

.ms-defs-i[b-vss47meowj] {
    flex: 1;
    padding: 0 20px;
    border-right: 1px solid var(--border-lt);
}

    .ms-defs-i:last-child[b-vss47meowj] {
        border-right: none;
    }

    .ms-defs-i:first-child[b-vss47meowj] {
        padding-left: 0;
    }

.ms-defs-acr[b-vss47meowj] {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: var(--font-weight-medium);
    letter-spacing: .06em;
    margin-bottom: 2px;
}

    .ms-defs-acr.c-tam[b-vss47meowj] {
        color: var(--ink-5);
    }

    .ms-defs-acr.c-sam[b-vss47meowj] {
        color: var(--ink-4);
    }

    .ms-defs-acr.c-som[b-vss47meowj] {
        color: var(--ink-2);
    }

.ms-defs-nm[b-vss47meowj] {
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    color: var(--ink-3);
    margin-bottom: 2px;
}

.ms-defs-d[b-vss47meowj] {
    font-size: 11px;
    color: var(--ink-5);
    line-height: 1.45;
}

.ms-defs-lk[b-vss47meowj] {
    font-size: 10px;
    color: var(--ink-4);
    text-decoration: none;
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-top: 4px;
    transition: opacity .12s;
}

    .ms-defs-lk:hover[b-vss47meowj] {
        opacity: .65;
    }

.ms-conf[b-vss47meowj] {
    display: flex;
    align-items: center;
    gap: 7px;
    position: relative;
    cursor: default;
}

.ms-conf-t[b-vss47meowj] {
    font-size: 11px;
    color: var(--ink-6);
}

.ms-conf-bar[b-vss47meowj] {
    display: flex;
    gap: 2px;
}

.ms-conf-s[b-vss47meowj] {
    width: 14px;
    height: 5px;
    border-radius: 2.5px;
    background: var(--border);
}

    .ms-conf-s.on[b-vss47meowj] {
        background: var(--ink-3);
    }

.ms-conf-tip[b-vss47meowj] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: var(--ink);
    color: #e2e8f0;
    font-size: 11px;
    line-height: 1.45;
    padding: 8px 12px;
    border-radius: 6px;
    width: 220px;
    box-shadow: 0 6px 20px rgba(0,0,0,.15);
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, transform .15s;
    transform: translateY(3px);
    z-index: 30;
}

    .ms-conf-tip[b-vss47meowj]::before {
        content: '';
        position: absolute;
        top: -4px;
        right: 20px;
        width: 8px;
        height: 8px;
        background: var(--ink);
        transform: rotate(45deg);
    }

.ms-conf:hover .ms-conf-tip[b-vss47meowj] {
    opacity: 1;
    transform: translateY(0);
}


.ms-viz-full[b-vss47meowj] {
    border: 1px solid var(--border);
    border-radius: 0.75rem 0.75rem 0 0;
    overflow: hidden;
}

.ms-tam-host[b-vss47meowj] {
    background: var(--tier-1-bg);
    padding: 16px 20px;
    cursor: pointer;
    transition: all .2s ease;
    position: relative;
}

    .ms-tam-host[b-vss47meowj]::before {
        content: '';
        position: absolute;
        inset: 0;
        border: 2px solid transparent;
        border-radius: 0.75rem 0.75rem 0 0;
        pointer-events: none;
        transition: border-color .2s;
    }

    .ms-tam-host:hover[b-vss47meowj]::before {
        border-color: var(--tier-1-border);
    }

    .ms-tam-host.active[b-vss47meowj]::before {
        border-color: transparent;
    }

    .ms-tam-host.active[b-vss47meowj]::before {
        border-color: color-mix(in srgb, var(--accent) 25%, transparent);
    }

    .ms-tam-host.active[b-vss47meowj] {
        background: color-mix(in srgb, var(--accent) 3%, var(--tier-1-bg));
    }

.ms-tam-bar[b-vss47meowj], .ms-sam-bar[b-vss47meowj], .ms-som-bar[b-vss47meowj], .ms-beachhead-bar[b-vss47meowj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ms-tier-id[b-vss47meowj] {
    display: flex;
    align-items: baseline;
    gap: 0;
    flex-wrap: wrap;
}

.ms-tier-acr[b-vss47meowj] {
    font-family: var(--font);
    font-weight: var(--font-weight-extrabold);
    letter-spacing: -0.02em;
    color: var(--ink);
}

.ms-tier-divider[b-vss47meowj] {
    margin: 0 6px;
    color: var(--ink-7);
    font-weight: 300;
}

.ms-tier-full[b-vss47meowj] {
    font-weight: var(--font-weight-regular);
    color: var(--ink-6);
}

.ms-tier-pct[b-vss47meowj] {
    font-family: var(--mono);
    font-weight: var(--font-weight-medium);
    color: var(--ink-6);
}

.ms-beachhead-bar .ms-tier-pct[b-vss47meowj] {
    color: rgba(255,255,255,0.7);
}

.ms-tier-pct-wrap[b-vss47meowj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 10px;
}

.ms-pct-bar[b-vss47meowj] {
    width: 48px;
    height: 4px;
    background: rgba(0,0,0,0.06);
    border-radius: 2px;
    overflow: hidden;
}

    .ms-pct-bar.light[b-vss47meowj] {
        background: rgba(255,255,255,0.25);
    }

.ms-pct-fill[b-vss47meowj] {
    height: 100%;
    background: var(--ink-4);
    border-radius: 2px;
    transition: width .3s ease;
}

.ms-pct-bar.light .ms-pct-fill[b-vss47meowj] {
    background: #fff;
}

.ms-tier-stats[b-vss47meowj] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-shrink: 0;
}

.ms-tier-value[b-vss47meowj] {
    font-family: var(--font);
    font-weight: var(--font-weight-extrabold);
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
}

.ms-tier-cagr[b-vss47meowj] {
    font-family: var(--mono);
    font-size: 11px;
    font-weight: var(--font-weight-semibold);
    color: var(--green);
    background: none;
    padding: 0;
    border-radius: 0;
}

.ms-tam-bar[b-vss47meowj] {
    font-size: 14px;
}

    .ms-tam-bar .ms-tier-acr[b-vss47meowj], .ms-tam-bar .ms-tier-value[b-vss47meowj] {
        font-size: 14px;
        color: var(--ink);
    }

    .ms-tam-bar .ms-tier-cagr[b-vss47meowj] {
        font-size: 11px;
    }

.ms-sam-bar[b-vss47meowj] {
    font-size: 13px;
}

    .ms-sam-bar .ms-tier-acr[b-vss47meowj], .ms-sam-bar .ms-tier-value[b-vss47meowj] {
        font-size: 13px;
        color: var(--ink-2);
    }

.ms-som-bar[b-vss47meowj] {
    font-size: 12px;
}

    .ms-som-bar .ms-tier-acr[b-vss47meowj], .ms-som-bar .ms-tier-value[b-vss47meowj] {
        font-size: 12px;
        color: var(--ink-2);
    }

.ms-beachhead-bar[b-vss47meowj] {
    font-size: 11px;
}

    .ms-beachhead-bar .ms-tier-acr[b-vss47meowj], .ms-beachhead-bar .ms-tier-value[b-vss47meowj] {
        font-size: 11px;
        color: #fff;
    }

    .ms-beachhead-bar .ms-tier-full[b-vss47meowj] {
        color: rgba(255,255,255,0.6);
    }

    .ms-beachhead-bar .ms-tier-divider[b-vss47meowj] {
        color: rgba(255,255,255,0.3);
    }

.ms-proportion-area[b-vss47meowj] {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-top: 14px;
    padding: 12px 0 8px 0;
    min-height: 200px;
}

.ms-sam-layer[b-vss47meowj] {
    background: var(--tier-2-bg);
    border: 1px solid var(--tier-2-border);
    border-radius: 12px;
    padding: 12px 14px;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 280px;
}

    .ms-sam-layer:hover[b-vss47meowj] {
        border-color: var(--ink-6);
        box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    }

    .ms-sam-layer.active[b-vss47meowj] {
        border-color: color-mix(in srgb, var(--accent) 35%, transparent);
        background: color-mix(in srgb, var(--accent) 4%, var(--tier-2-bg));
        box-shadow: 0 4px 20px color-mix(in srgb, var(--accent) 8%, transparent);
    }

    .ms-sam-layer > .ms-sam-bar[b-vss47meowj] {
        width: 100%;
    }

.ms-som-layer[b-vss47meowj] {
    background: var(--tier-3-bg);
    border: 1px solid var(--tier-3-border);
    border-radius: 10px;
    padding: 10px 12px;
    margin-top: 10px;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 160px;
}

    .ms-som-layer:hover[b-vss47meowj] {
        border-color: var(--ink-5);
        box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    }

    .ms-som-layer.active[b-vss47meowj] {
        border-color: color-mix(in srgb, var(--accent) 40%, transparent);
        background: color-mix(in srgb, var(--accent) 5%, var(--tier-3-bg));
        box-shadow: 0 4px 20px color-mix(in srgb, var(--accent) 10%, transparent);
    }

    .ms-som-layer > .ms-som-bar[b-vss47meowj] {
        width: 100%;
    }

.ms-beachhead-layer[b-vss47meowj] {
    background: var(--tier-deep-bg);
    border-radius: 8px;
    padding: 8px 10px;
    margin-top: 10px;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 100px;
}

    .ms-beachhead-layer:hover[b-vss47meowj] {
        background: var(--tier-deep-hover);
        box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    }

    .ms-beachhead-layer.active[b-vss47meowj] {
        background: var(--tier-deep-active);
        box-shadow: 0 0 0 1px var(--accent), 0 4px 20px color-mix(in srgb, var(--accent) 25%, transparent);
    }

.ms-beachhead-target[b-vss47meowj] {
    position: relative;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

    .ms-beachhead-target .ms-target-ring[b-vss47meowj] {
        border-color: rgba(255,255,255,0.3);
    }

        .ms-beachhead-target .ms-target-ring[b-vss47meowj]::before {
            border-color: rgba(255,255,255,0.4);
        }

    .ms-beachhead-target .ms-target-dot[b-vss47meowj] {
        background: #fff;
        box-shadow: 0 0 8px rgba(255,255,255,0.5);
    }

.ms-target-ring[b-vss47meowj] {
    position: absolute;
    inset: 0;
    border: 1.5px solid rgba(255,255,255,0.2);
    border-radius: 50%;
    animation: ms-pulse-b-vss47meowj 2.5s ease-in-out infinite;
}

    .ms-target-ring[b-vss47meowj]::before {
        content: '';
        position: absolute;
        inset: 4px;
        border: 1px solid rgba(255,255,255,0.25);
        border-radius: 50%;
    }

.ms-target-dot[b-vss47meowj] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(255,255,255,0.5);
}

@keyframes ms-pulse-b-vss47meowj {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.08);
    }
}

.ms-subset-bar[b-vss47meowj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--border-lt);
    font-size: 11px;
    height: 32px;
}

.ms-click-hint[b-vss47meowj] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--ink-5);
    transition: opacity .2s;
}

    .ms-click-hint i[b-vss47meowj] {
        font-size: 10px;
        opacity: 0.5;
    }

    .ms-click-hint.dim[b-vss47meowj] {
        opacity: 0.3;
    }

.ms-subset-hint[b-vss47meowj] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: var(--font-weight-medium);
    color: var(--ink-6);
}

    .ms-subset-hint i[b-vss47meowj] {
        font-size: 10px;
        opacity: 0.4;
    }


.ms-info-grid[b-vss47meowj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    background: var(--raised);
    border: 1px solid var(--border);
    border-top: none;
    border-radius: 0 0 0.75rem 0.75rem;
    overflow: hidden;
    min-height: 340px;
}

.ms-info-col[b-vss47meowj] {
    padding: 24px;
}

.ms-info-profile[b-vss47meowj] {
    border-right: 1px solid var(--border-lt);
    background: var(--raised);
}

.ms-info-detail[b-vss47meowj] {
    background: var(--background-secondary);
}

.ms-info-header[b-vss47meowj] {
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ink-4);
    margin-bottom: 16px;
}

.ms-info-header-tier[b-vss47meowj] {
    margin-bottom: 12px;
}

.ms-profile-grid[b-vss47meowj] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ms-profile-row[b-vss47meowj] {
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-lt);
}

    .ms-profile-row:last-child[b-vss47meowj] {
        border-bottom: none;
    }

.ms-profile-row-body[b-vss47meowj] {
    flex: 1;
    min-width: 0;
}

.ms-profile-row-label[b-vss47meowj] {
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-5);
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .ms-profile-row-label[b-vss47meowj]::before {
        content: '—';
        color: var(--ink-6);
        font-weight: var(--font-weight-regular);
    }

.ms-profile-row-value[b-vss47meowj] {
    font-size: 12.5px;
    font-weight: var(--font-weight-medium);
    color: var(--ink-2);
    line-height: 1.5;
    padding-left: 18px;
}

.ms-structure-badge[b-vss47meowj] {
    display: inline-block;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 6px;
    vertical-align: 1px;
    letter-spacing: 0.02em;
    background: var(--tier-1-bg);
    color: var(--ink-3);
    border: 1px solid var(--border);
}

    .ms-structure-badge.badge-neutral[b-vss47meowj] {
        background: var(--tier-1-bg);
        color: var(--ink-3);
        border-color: var(--border);
    }

    .ms-structure-badge.badge-info[b-vss47meowj] {
        background: var(--info-surface);
        color: var(--info);
        border-color: var(--info-border);
    }

    .ms-structure-badge.badge-warn[b-vss47meowj] {
        background: var(--warning-surface);
        color: var(--warning-dark);
        border-color: var(--warning-border);
    }

    .ms-structure-badge.badge-danger[b-vss47meowj] {
        background: var(--danger-surface);
        color: var(--danger);
        border-color: var(--danger-border);
    }

    .ms-structure-badge.badge-success[b-vss47meowj] {
        background: var(--success-surface);
        color: var(--success);
        border-color: var(--success-border);
    }


.ms-tier-panel[b-vss47meowj] {
    animation: ms-slideIn-b-vss47meowj .25s cubic-bezier(.33,1,.68,1);
}

.ms-panel-header[b-vss47meowj] {
    margin-bottom: 16px;
}

.ms-panel-badge[b-vss47meowj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.02em;
}

.ms-badge-indicator[b-vss47meowj] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.ms-badge-label[b-vss47meowj] {
    line-height: 1;
}

.ms-panel-badge.t-tam[b-vss47meowj] {
    background: var(--tier-1-bg);
    color: var(--ink-4);
}

    .ms-panel-badge.t-tam .ms-badge-indicator[b-vss47meowj] {
        background: var(--ink-7);
    }

.ms-panel-badge.t-sam[b-vss47meowj] {
    background: var(--tier-2-bg);
    color: var(--ink-3);
}

    .ms-panel-badge.t-sam .ms-badge-indicator[b-vss47meowj] {
        background: var(--ink-6);
    }

.ms-panel-badge.t-som[b-vss47meowj] {
    background: var(--tier-3-bg);
    color: var(--ink-2);
}

    .ms-panel-badge.t-som .ms-badge-indicator[b-vss47meowj] {
        background: var(--ink-4);
    }

.ms-panel-badge.t-beachhead[b-vss47meowj] {
    background: var(--tier-deep-bg);
    color: #fff;
}

    .ms-panel-badge.t-beachhead .ms-badge-indicator[b-vss47meowj] {
        background: #fff;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.3);
    }

.ms-panel-headline[b-vss47meowj] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.ms-panel-value[b-vss47meowj] {
    font-size: 32px;
    font-weight: var(--font-weight-extrabold);
    color: var(--ink);
    letter-spacing: -0.03em;
    line-height: 1;
}

.ms-panel-sub[b-vss47meowj] {
    font-size: 12.5px;
    color: var(--ink-5);
    font-weight: var(--font-weight-medium);
}

.ms-panel-content[b-vss47meowj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ms-panel-definition[b-vss47meowj] {
    font-size: 12.5px;
    color: var(--ink-3);
    line-height: 1.5;
    margin: 0;
}

.ms-panel-insight[b-vss47meowj] {
    display: flex;
    gap: 12px;
    padding: 14px;
    background: var(--raised);
    border: 1px solid var(--border-lt);
    border-radius: 8px;
}

.ms-insight-icon[b-vss47meowj] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--tier-1-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .ms-insight-icon i[b-vss47meowj] {
        font-size: 13px;
        color: var(--ink-4);
    }

.ms-insight-body[b-vss47meowj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ms-insight-label[b-vss47meowj] {
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ink-4);
}

.ms-insight-text[b-vss47meowj] {
    font-size: 12.5px;
    color: var(--ink-3);
    line-height: 1.5;
}

.ms-panel-section[b-vss47meowj] {
    background: var(--raised);
    border: 1px solid var(--border-lt);
    border-radius: 8px;
    overflow: hidden;
}

.ms-section-header[b-vss47meowj] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--surface);
    border-bottom: 1px solid var(--border-lt);
    font-size: 11px;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-4);
}

    .ms-section-header i[b-vss47meowj] {
        font-size: 10px;
        opacity: 0.6;
    }

.ms-expansion-path[b-vss47meowj] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 14px;
    flex-wrap: wrap;
}

.ms-expansion-step[b-vss47meowj] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--tier-1-bg);
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12.5px;
    font-weight: var(--font-weight-medium);
    color: var(--ink-3);
}

    .ms-expansion-step i[b-vss47meowj] {
        font-size: 10px;
        color: var(--ink-5);
        opacity: 0.7;
    }

.ms-expansion-path .ms-expansion-step:not(:last-child)[b-vss47meowj]::after {
    content: '\2192';
    margin-left: 12px;
    color: var(--ink-6);
    font-size: 11px;
    font-weight: var(--font-weight-regular);
    opacity: 0.5;
}

.ms-scope[b-vss47meowj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
}

.ms-scope-row[b-vss47meowj] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.ms-scope-label[b-vss47meowj] {
    flex-shrink: 0;
    width: 80px;
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-5);
    padding-top: 3px;
}

.ms-scope-pills[b-vss47meowj] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.ms-scope-pill[b-vss47meowj] {
    font-size: 11px;
    font-weight: var(--font-weight-bold);
    line-height: 1;
    padding: 5px 11px;
    border-radius: 6px;
    white-space: nowrap;
    background: var(--raised);
    color: var(--ink-2);
    border: 1px solid var(--border);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    transition: all 0.25s ease;
    letter-spacing: -0.01em;
}

    .ms-scope-pill.geo[b-vss47meowj]::before,
    .ms-scope-pill.seg[b-vss47meowj]::before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        margin-right: 6px;
        vertical-align: 1px;
    }

    .ms-scope-pill.geo[b-vss47meowj]::before {
        background: var(--ink-5);
    }

    .ms-scope-pill.seg[b-vss47meowj]::before {
        background: var(--accent);
    }

    .ms-scope-pill:hover[b-vss47meowj] {
        border-color: var(--ink-6);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
    }


.ms-assumptions-compact[b-vss47meowj] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-lt);
}

.ms-assumptions-label[b-vss47meowj] {
    display: block;
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    color: var(--ink-5);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

    .ms-assumptions-label i[b-vss47meowj] {
        margin-right: 4px;
        font-size: 9px;
        opacity: 0.6;
    }

.ms-assumptions-pills[b-vss47meowj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ms-assumption-pill[b-vss47meowj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 6px;
    background: var(--raised);
    border: 1px solid var(--border);
    cursor: default;
    transition: border-color 0.2s;
}

    .ms-assumption-pill:hover[b-vss47meowj] {
        border-color: var(--ink-5);
    }

    .ms-assumption-pill.t-tam[b-vss47meowj]::before,
    .ms-assumption-pill.t-sam[b-vss47meowj]::before,
    .ms-assumption-pill.t-som[b-vss47meowj]::before,
    .ms-assumption-pill.t-beachhead[b-vss47meowj]::before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .ms-assumption-pill.t-tam[b-vss47meowj]::before {
        background: var(--ink-7);
    }

    .ms-assumption-pill.t-sam[b-vss47meowj]::before {
        background: var(--ink-6);
    }

    .ms-assumption-pill.t-som[b-vss47meowj]::before {
        background: var(--ink-4);
    }

    .ms-assumption-pill.t-beachhead[b-vss47meowj]::before {
        background: var(--ink-2);
    }

.ms-ap-key[b-vss47meowj] {
    font-weight: var(--font-weight-bold);
    color: var(--ink-4);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 10px;
}

.ms-ap-val[b-vss47meowj] {
    font-weight: var(--font-weight-bold);
    color: var(--ink-2);
}


.ms-intel-strip[b-vss47meowj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    background: var(--raised);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-top: 1rem;
}

.ms-intel-cell[b-vss47meowj] {
    padding: 18px 24px;
}

    .ms-intel-cell + .ms-intel-cell[b-vss47meowj] {
        border-left: 1px solid var(--border-lt);
    }

.ms-signals-title[b-vss47meowj], .ms-method-title[b-vss47meowj] {
    font-size: 10px;
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-6);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .ms-signals-title i[b-vss47meowj], .ms-method-title i[b-vss47meowj] {
        font-size: 9px;
        opacity: 0.5;
    }

.ms-signal-chips[b-vss47meowj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ms-signal-chip[b-vss47meowj],
.ms-method-src-chip[b-vss47meowj] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: var(--font-weight-medium);
    padding: 4px 10px;
    border-radius: 5px;
    background: rgba(0,0,0,0.03);
    border: 1px solid var(--border);
    color: var(--ink-3);
    transition: all .15s;
}

    .ms-signal-chip:hover[b-vss47meowj],
    .ms-method-src-chip:hover[b-vss47meowj] {
        border-color: var(--ink-6);
        background: rgba(0,0,0,0.05);
    }

    .ms-signal-chip i[b-vss47meowj] {
        font-size: 9px;
    }

    .ms-signal-chip.sig-up i[b-vss47meowj] {
        color: var(--green);
    }

    .ms-signal-chip.sig-hot i[b-vss47meowj] {
        color: var(--amber);
    }

    .ms-signal-chip.sig-new i[b-vss47meowj] {
        color: var(--ink-4);
    }

a.ms-method-src-chip[b-vss47meowj] {
    text-decoration: none;
    cursor: pointer;
    color: var(--ink-3);
}

    a.ms-method-src-chip i[b-vss47meowj] {
        font-size: 8px;
        opacity: 0;
        color: var(--ink-5);
        transition: opacity .2s, transform .2s;
        margin-left: 1px;
    }

    a.ms-method-src-chip:hover[b-vss47meowj] {
        background: var(--border);
        color: var(--ink-2);
    }

        a.ms-method-src-chip:hover i[b-vss47meowj] {
            opacity: 1;
            transform: translateX(1px);
        }

.ms-method-summary[b-vss47meowj] {
    font-size: 12.5px;
    color: var(--ink-4);
    line-height: 1.5;
    margin-bottom: 10px;
}

.ms-method-sources[b-vss47meowj] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.ms-method-src-label[b-vss47meowj] {
    font-size: 10px;
    font-weight: var(--font-weight-semibold);
    color: var(--ink-6);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-right: 2px;
}


.ms-report-cta[b-vss47meowj] {
    margin-top: 1.5rem;
    background: var(--raised);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 20px 24px;
    position: relative;
    overflow: hidden;
    transition: border-color .2s, box-shadow .2s;
}

    .ms-report-cta:hover[b-vss47meowj] {
        border-color: var(--ink-6);
        box-shadow: 0 4px 20px rgba(0,0,0,0.04);
    }

.ms-report-cta-content[b-vss47meowj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.ms-report-cta-left[b-vss47meowj] {
    flex: 1;
    min-width: 0;
}

.ms-report-cta-badge[b-vss47meowj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--ink-5);
    margin-bottom: 8px;
}

    .ms-report-cta-badge i[b-vss47meowj] {
        font-size: 11px;
    }

.ms-report-cta-title[b-vss47meowj] {
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    margin: 0 0 4px;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.ms-report-cta-desc[b-vss47meowj] {
    font-size: var(--text-base);
    color: var(--ink-5);
    line-height: 1.55;
    margin: 0;
}

.ms-report-cta-right[b-vss47meowj] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.ms-report-cta-btn[b-vss47meowj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    background: var(--accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-family: var(--font);
    font-size: 13px;
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    transition: all .15s;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--accent) 25%, transparent);
    white-space: nowrap;
}

    .ms-report-cta-btn:hover[b-vss47meowj] {
        box-shadow: 0 4px 16px color-mix(in srgb, var(--accent) 35%, transparent);
        transform: translateY(-1px);
    }

    .ms-report-cta-btn:active[b-vss47meowj] {
        transform: translateY(0);
    }

    .ms-report-cta-btn:disabled[b-vss47meowj] {
        opacity: .7;
        cursor: default;
        transform: none;
    }

    .ms-report-cta-btn i[b-vss47meowj] {
        font-size: 13px;
    }

.ms-report-cta-meta[b-vss47meowj] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.ms-report-cta-price[b-vss47meowj] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: var(--font-weight-bold);
    color: var(--ink-3);
    background: var(--tier-1-bg);
    padding: 4px 12px;
    border-radius: 6px;
    border: 1px solid var(--border);
}

    .ms-report-cta-price i[b-vss47meowj] {
        font-size: 10px;
        opacity: 0.7;
    }

.ms-report-cta-time[b-vss47meowj] {
    font-size: 11px;
    color: var(--ink-6);
    display: flex;
    align-items: center;
    gap: 4px;
}

    .ms-report-cta-time i[b-vss47meowj] {
        font-size: 10px;
    }


.ms-disclaimer[b-vss47meowj] {
    display: flex;
    align-items: flex-start;
    gap: 0.4375rem;
    margin-top: 1.25rem;
    padding: 0;
    padding-left: 2px;
    background: transparent;
    border: none;
    font-size: 11px;
    line-height: 1.55;
    color: var(--ink-5);
    font-style: italic;
}

    .ms-disclaimer i[b-vss47meowj] {
        flex-shrink: 0;
        margin-top: 0.1875rem;
        color: var(--ink-6);
        font-size: 10px;
        opacity: 0.7;
    }


.ms-processing[b-vss47meowj] {
    font-style: italic;
    font-weight: var(--font-weight-regular);
    background: linear-gradient( 90deg, var(--ink-7) 0%, var(--ink-5) 40%, var(--ink-3) 50%, var(--ink-5) 60%, var(--ink-7) 100% );
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: ms-shimmer-b-vss47meowj 2.5s ease-in-out infinite;
}

@keyframes ms-shimmer-b-vss47meowj {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.ms-hero-card .ms-processing[b-vss47meowj] {
    font-size: 12px;
}


@media (max-width: 1100px) {
    .ms-panel-value[b-vss47meowj] {
        font-size: 28px;
    }

    .ms-sam-layer[b-vss47meowj] {
        min-width: 260px;
    }

    .ms-som-layer[b-vss47meowj] {
        min-width: 160px;
    }

    .ms-beachhead-layer[b-vss47meowj] {
        min-width: 100px;
    }
}

@media (max-width: 900px) {
    .ms-info-grid[b-vss47meowj] {
        grid-template-columns: 1fr;
    }

    .ms-info-profile[b-vss47meowj] {
        border-right: none;
        border-bottom: 1px solid var(--border-lt);
    }

    .ms-info-detail[b-vss47meowj] {
        min-height: 280px;
    }

    .ms-sam-layer[b-vss47meowj] {
        width: 70% !important;
        min-width: 220px;
    }

    .ms-som-layer[b-vss47meowj] {
        width: 70% !important;
        min-width: 160px;
    }

    .ms-beachhead-layer[b-vss47meowj] {
        width: 70% !important;
        min-width: 100px;
    }

    .ms-tier-full[b-vss47meowj] {
        display: none;
    }

    .ms-tier-divider[b-vss47meowj] {
        display: none;
    }

    .ms-tier-pct-wrap[b-vss47meowj] {
        margin-left: 0;
    }

    .ms-strategy-banner[b-vss47meowj] {
        flex-direction: column;
        border-left: 1px solid var(--border);
        border-top: 3px solid var(--accent);
        border-radius: 0 0 8px 8px;
    }

    .ms-strategy-posture[b-vss47meowj] {
        flex-direction: row;
        align-items: center;
        gap: 12px;
        border-right: none;
        border-bottom: 1px solid var(--border-lt);
    }

    .ms-strategy-body[b-vss47meowj] {
        padding: 14px 18px;
    }

    .ms-hero-cards[b-vss47meowj] {
        grid-template-columns: 1fr 1fr;
    }

    .ms-hero-card-window[b-vss47meowj] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    .ms-defs.show[b-vss47meowj] {
        flex-direction: column;
        gap: 10px;
    }

    .ms-defs-i[b-vss47meowj] {
        border-right: none !important;
        border-bottom: 1px solid var(--border-lt);
        padding: 0 0 10px 0 !important;
    }

        .ms-defs-i:last-child[b-vss47meowj] {
            border-bottom: none;
        }

    .ms-hero-cards[b-vss47meowj] {
        grid-template-columns: 1fr;
    }

    .ms-intel-strip[b-vss47meowj] {
        grid-template-columns: 1fr;
    }

    .ms-intel-cell + .ms-intel-cell[b-vss47meowj] {
        border-left: none;
        border-top: 1px solid var(--border-lt);
    }

    .ms-tam-host[b-vss47meowj] {
        padding: 14px 16px;
    }

    .ms-tam-bar[b-vss47meowj], .ms-sam-bar[b-vss47meowj] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .ms-tier-cagr[b-vss47meowj] {
        display: none;
    }

    .ms-pct-bar[b-vss47meowj] {
        display: none;
    }

    .ms-subset-bar[b-vss47meowj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        height: auto;
    }

    .ms-panel-value[b-vss47meowj] {
        font-size: 26px;
    }

    .ms-panel-insight[b-vss47meowj] {
        padding: 10px 12px;
    }

    .ms-beachhead-layer[b-vss47meowj] {
        min-width: 80px;
    }

    .ms-beachhead-target[b-vss47meowj] {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 680px) {
    .ms-report-cta-content[b-vss47meowj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .ms-report-cta-right[b-vss47meowj] {
        align-items: flex-start;
    }

    .ms-report-cta-meta[b-vss47meowj] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .ms-sam-layer[b-vss47meowj] {
        width: 85% !important;
        min-width: unset;
    }

    .ms-som-layer[b-vss47meowj] {
        width: 80% !important;
        min-width: unset;
    }

    .ms-beachhead-layer[b-vss47meowj] {
        width: 75% !important;
        min-width: unset;
    }

    .ms-tier-pct-wrap[b-vss47meowj] {
        display: none;
    }

    .ms-strategy-posture[b-vss47meowj], .ms-strategy-body[b-vss47meowj] {
        padding: 12px 14px;
    }

    .ms-posture-value[b-vss47meowj] {
        font-size: 14px;
    }

    .ms-strategy-headline[b-vss47meowj] {
        font-size: 12.5px;
    }

    .ms-strategy-rationale[b-vss47meowj] {
        font-size: 11px;
    }

    .ms-hero-cards[b-vss47meowj] {
        grid-template-columns: 1fr;
    }

    .ms-hero-card-window[b-vss47meowj] {
        grid-column: auto;
    }

    .ms-window-time[b-vss47meowj] {
        font-size: 18px;
    }

    .ms-trigger-chip[b-vss47meowj] {
        font-size: 9px;
        padding: 2px 6px;
    }

    .ms-scope-pill[b-vss47meowj] {
        font-size: 10px;
        padding: 3px 8px;
    }

    .ms-assumption-pill[b-vss47meowj] {
        font-size: 10px;
        padding: 4px 8px;
    }

    .ms-ap-key[b-vss47meowj] {
        font-size: 9px;
    }
}

@media (max-width: 520px) {
    .ms-tam-host[b-vss47meowj] {
        padding: 12px;
    }

    .ms-tam-bar[b-vss47meowj] {
        font-size: 12px;
    }

        .ms-tam-bar .ms-tier-acr[b-vss47meowj], .ms-tam-bar .ms-tier-value[b-vss47meowj] {
            font-size: 12px;
        }

    .ms-sam-bar[b-vss47meowj] {
        font-size: 11px;
    }

        .ms-sam-bar .ms-tier-acr[b-vss47meowj], .ms-sam-bar .ms-tier-value[b-vss47meowj] {
            font-size: 11px;
        }

    .ms-som-bar[b-vss47meowj] {
        font-size: 10px;
    }

        .ms-som-bar .ms-tier-acr[b-vss47meowj], .ms-som-bar .ms-tier-value[b-vss47meowj] {
            font-size: 10px;
        }

    .ms-beachhead-bar[b-vss47meowj] {
        font-size: 9px;
    }

        .ms-beachhead-bar .ms-tier-acr[b-vss47meowj], .ms-beachhead-bar .ms-tier-value[b-vss47meowj] {
            font-size: 9px;
        }

    .ms-subset-hint[b-vss47meowj] {
        display: none;
    }

    .ms-panel-value[b-vss47meowj] {
        font-size: 22px;
    }

    .ms-panel-badge[b-vss47meowj] {
        padding: 6px 10px;
        font-size: 10px;
    }

    .ms-panel-insight[b-vss47meowj] {
        gap: 10px;
    }

    .ms-insight-icon[b-vss47meowj] {
        width: 24px;
        height: 24px;
    }

        .ms-insight-icon i[b-vss47meowj] {
            font-size: 10px;
        }

    .ms-beachhead-target[b-vss47meowj] {
        display: none;
    }

    .ms-fold-toggle[b-vss47meowj] {
        font-size: 11px;
        padding: 3px 8px;
    }

    .ms-proportion-area[b-vss47meowj] {
        min-height: 170px;
    }

    .ms-scope-label[b-vss47meowj] {
        font-size: 9px;
        width: 64px;
    }

    .ms-scope-pill[b-vss47meowj] {
        font-size: 9px;
        padding: 3px 7px;
    }

    .ms-scope[b-vss47meowj] {
        gap: 6px;
        margin-bottom: 10px;
    }

    .ms-assumptions-pills[b-vss47meowj] {
        gap: 4px;
    }

    .ms-assumption-pill[b-vss47meowj] {
        padding: 3px 7px;
        gap: 4px;
    }

    .ms-ap-key[b-vss47meowj] {
        font-size: 8px;
    }

    .ms-ap-val[b-vss47meowj] {
        font-size: 10px;
    }
}
/* /Components/ProdComponents/NewAinnaSmartIdeaViewer.razor.rz.scp.css */
.page-wrapper[b-6g4n0qxqta] {
    --section-warm: linear-gradient(180deg, #fcfbf9 0%, #f9f7f4 100%);
    --section-warm-border: #efece6;
    --section-warm-deep: linear-gradient(180deg, #faf8f5 0%, #f6f3ef 100%);
    --pill-bg: linear-gradient(135deg, var(--raised) 0%, var(--surface) 100%);
    --pill-icon-bg: linear-gradient(135deg, var(--surface) 0%, color-mix(in srgb, var(--border) 30%, var(--surface)) 100%);
    --pill-hover-icon-bg: linear-gradient(135deg, color-mix(in srgb, var(--accent) 6%, white) 0%, color-mix(in srgb, var(--accent) 10%, white) 100%);
    --summary-bg: linear-gradient(135deg, color-mix(in srgb, var(--surface) 80%, white) 0%, var(--surface) 100%);
}

#page-top[b-6g4n0qxqta] {
    position: absolute;
    top: 0;
    left: 0;
}

.page-wrapper[b-6g4n0qxqta] {
    position: relative;
    min-height: 100vh;
}

    .page-wrapper:has(.section-header[data-theme="dark"])[b-6g4n0qxqta] {
        background: #ffffff;
    }

.section[b-6g4n0qxqta] {
    width: 100%;
    padding: 0;
}

.section-inner[b-6g4n0qxqta] {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section .section-inner[b-6g4n0qxqta] {
    padding: 1.25rem 2.5rem 1.5rem;
}

.section.iv-tab-panel .section-inner[b-6g4n0qxqta] {
    padding-top: 2rem;
}

@media (max-width: 720px) {
    .section.iv-tab-panel .section-inner[b-6g4n0qxqta] {
        padding-top: 1.25rem;
    }
}

.section.iv-tab-panel[b-6g4n0qxqta] {
    min-height: calc(100vh - 240px);
}

.section-header[b-6g4n0qxqta] {
    position: relative;
    width: auto;
    background: radial-gradient(ellipse at top left, rgba(255, 255, 255, 0.55) 0%, transparent 55%), radial-gradient(ellipse 60% 100% at 50% 0%, rgba(240, 12, 113, 0.04) 0%, transparent 60%), linear-gradient(180deg, #f9f6ef 0%, #efeadf 100%);
    padding-top: 1.5rem;
    padding-bottom: 0;
    margin: 0.875rem;
    border-radius: 20px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 1px 2px rgba(15, 23, 42, 0.06), 0 8px 20px -10px rgba(15, 23, 42, 0.14), 0 24px 48px -28px rgba(15, 23, 42, 0.18);
}

    .section-header[b-6g4n0qxqta]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 24px;
        right: 24px;
        height: 2px;
        border-radius: 2px;
        background: linear-gradient(90deg, transparent 0%, rgba(240, 12, 113, 0.32) 25%, rgba(240, 12, 113, 0.55) 50%, rgba(240, 12, 113, 0.32) 75%, transparent 100%);
        pointer-events: none;
        z-index: 1;
    }

.section-assessment[b-6g4n0qxqta] {
    background: #f4f2ed;
    padding: 0 0 2rem 0;
    border-bottom: none;
    box-shadow: none;
}

.section-elements[b-6g4n0qxqta],
.section-personas[b-6g4n0qxqta],
.section-market-outlook[b-6g4n0qxqta],
.section-competitive[b-6g4n0qxqta] {
    background: #f4f2ed;
    padding: 0 0 2rem 0;
    border-bottom: none;
    box-shadow: none;
}

.section-title-row[b-6g4n0qxqta] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.section-title-content[b-6g4n0qxqta] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.section-title[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: 1.0175rem;
    font-weight: var(--font-weight-bold);
    color: var(--ink-7);
    margin: 0;
    letter-spacing: 0.42em;
    text-transform: uppercase;
}

.section-stale-flag[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    background: var(--warning-surface);
    border: 1px solid var(--warning-border);
    border-radius: 1rem;
    font-family: var(--font);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--warning-dark);
    cursor: help;
    animation: staleIn-b-6g4n0qxqta 0.3s ease-out;
    flex-shrink: 0;
}

    .section-stale-flag i[b-6g4n0qxqta] {
        font-size: var(--text-2xs);
        color: var(--warning);
    }

    .section-stale-flag:hover[b-6g4n0qxqta] {
        background: #fef3c7;
        border-color: #fcd34d;
    }

@keyframes staleIn-b-6g4n0qxqta {
    from {
        opacity: 0;
        transform: translateX(-8px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.sh-pill-btn[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.3125rem 0.625rem;
    background: var(--pill-bg);
    border: 1px solid var(--border);
    border-radius: 2rem;
    cursor: pointer;
    font-family: var(--font);
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-5);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    flex-shrink: 0;
}

    .sh-pill-btn:hover[b-6g4n0qxqta] {
        background: var(--pill-bg);
        border-color: var(--ink-7);
        color: var(--ink-3);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        transform: translateY(-1px);
    }

    .sh-pill-btn:active[b-6g4n0qxqta] {
        transform: translateY(0);
    }

    .sh-pill-btn .pill-icon[b-6g4n0qxqta] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1rem;
        height: 1rem;
        background: var(--pill-icon-bg);
        border-radius: 50%;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

        .sh-pill-btn .pill-icon i[b-6g4n0qxqta] {
            font-size: 0.5rem;
            color: var(--ink-6);
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease;
        }

    .sh-pill-btn:hover .pill-icon[b-6g4n0qxqta] {
        background: var(--pill-hover-icon-bg);
    }

        .sh-pill-btn:hover .pill-icon i[b-6g4n0qxqta] {
            color: var(--accent-deep);
        }

.iv-elements[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.iv-elements-hero[b-6g4n0qxqta] {
    width: 100%;
}

    .iv-elements-hero [data-card-type="executive"][b-6g4n0qxqta] {
        position: relative;
    }

        .iv-elements-hero [data-card-type="executive"][b-6g4n0qxqta]::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 60%, transparent) 50%, transparent 100%);
            border-radius: var(--radius-lg) var(--radius-lg) 0 0;
            pointer-events: none;
        }

.iv-elements-columns[b-6g4n0qxqta] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.75rem;
    align-items: start;
}

.iv-elements-column[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

    .iv-elements-column > *[b-6g4n0qxqta] {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

@media (max-width: 1440px) {
    .iv-elements-columns[b-6g4n0qxqta] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .iv-elements-columns[b-6g4n0qxqta] {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .iv-elements-column[b-6g4n0qxqta] {
        gap: 0.375rem;
    }
}

.premium-lock-card[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 2rem;
    position: relative;
    overflow: hidden;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    max-width: 100%;
    animation: shFadeIn-b-6g4n0qxqta 0.4s ease-out;
}

.premium-lock-watermark[b-6g4n0qxqta] {
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14rem;
    color: var(--ink-7);
    pointer-events: none;
    opacity: 0.35;
    z-index: 0;
}

    .premium-lock-watermark i[b-6g4n0qxqta] {
        display: block;
    }

.premium-lock-content[b-6g4n0qxqta] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 540px;
}

.premium-lock-title[b-6g4n0qxqta] {
    font-family: 'Space Grotesk', var(--font);
    font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    margin: 0 0 0.75rem 0;
    letter-spacing: -0.022em;
    line-height: 1.2;
    text-wrap: balance;
}

.premium-lock-text[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: var(--text-lg);
    font-weight: var(--font-weight-regular);
    color: var(--ink-4);
    line-height: 1.6;
    margin: 0 0 1.25rem 0;
    max-width: 540px;
}

.premium-lock-content .btn + .btn[b-6g4n0qxqta] {
    margin-top: 0.375rem;
}

.sh-header-actions[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.sh-ready[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 2rem;
    position: relative;
    overflow: hidden;
    animation: shFadeIn-b-6g4n0qxqta 0.4s ease-out;
}

.sh-not-ready .sh-watermark[b-6g4n0qxqta] {
    opacity: 0.35;
}

.sh-not-ready .sh-ready-title[b-6g4n0qxqta] {
    color: var(--ink-3);
}

.sh-watermark[b-6g4n0qxqta] {
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14rem;
    color: var(--ink-7);
    pointer-events: none;
    opacity: 0.35;
    z-index: 0;
    transition: opacity 0.4s ease;
}

    .sh-watermark i[b-6g4n0qxqta] {
        display: block;
    }

.sh-ready-body[b-6g4n0qxqta] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 540px;
}

.sh-ready-title[b-6g4n0qxqta] {
    font-family: 'Space Grotesk', var(--font);
    font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    margin: 0 0 0.75rem 0;
    letter-spacing: -0.022em;
    line-height: 1.2;
    text-wrap: balance;
}

.sh-ready-text[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: var(--text-lg);
    font-weight: var(--font-weight-regular);
    color: var(--ink-4);
    line-height: 1.6;
    margin: 0 0 1.25rem 0;
    max-width: 540px;
}

.sh-ready-capabilities[b-6g4n0qxqta] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.sh-ready-tag[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.3125rem 0.625rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-family: var(--font);
    font-size: 0.6875rem;
    font-weight: var(--font-weight-medium);
    color: var(--ink-3);
}

    .sh-ready-tag i[b-6g4n0qxqta] {
        font-size: var(--text-2xs);
        color: var(--ink-6);
    }

.sh-maturity-meter[b-6g4n0qxqta] {
    width: 100%;
    max-width: 360px;
    margin: 0 0 1.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sh-maturity-meter-track[b-6g4n0qxqta] {
    position: relative;
    width: 100%;
    height: 6px;
    background: color-mix(in srgb, var(--ink) 7%, transparent);
    border-radius: 999px;
    overflow: hidden;
}

.sh-maturity-meter-fill[b-6g4n0qxqta] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 70%, var(--accent-deep)) 0%, var(--accent) 100%);
    border-radius: 999px;
    transition: width 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.sh-maturity-meter-row[b-6g4n0qxqta] {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-family: var(--font);
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
}

.sh-maturity-meter-current[b-6g4n0qxqta] {
    color: var(--ink-3);
}

    .sh-maturity-meter-current strong[b-6g4n0qxqta] {
        font-family: var(--font-mono);
        font-size: 0.875rem;
        font-weight: var(--font-weight-bold);
        color: var(--ink);
        letter-spacing: -0.02em;
        text-transform: none;
        margin-right: 0.25rem;
    }

.sh-coach-back[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.625rem 1rem 0.625rem 0.75rem;
    background: var(--surface);
    border: 1px dashed var(--border);
    border-radius: var(--radius-md);
    font-family: var(--font);
    font-size: var(--text-md);
    line-height: 1.5;
    color: var(--ink-5);
    max-width: 540px;
    text-align: center;
}

    .sh-coach-back i[b-6g4n0qxqta] {
        color: var(--accent);
        font-size: 1.125rem;
        flex-shrink: 0;
        animation: shCoachNudge-b-6g4n0qxqta 1.6s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }

    .sh-coach-back strong[b-6g4n0qxqta] {
        color: var(--ink-3);
        font-weight: var(--font-weight-semibold);
    }

@keyframes shCoachNudge-b-6g4n0qxqta {
    0%, 100% {
        transform: translateX(0);
        opacity: 0.7;
    }

    50% {
        transform: translateX(-6px);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sh-coach-back i[b-6g4n0qxqta] {
        animation: none;
        opacity: 1;
    }
}

.sh-running[b-6g4n0qxqta] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    min-height: 320px;
    animation: shFadeIn-b-6g4n0qxqta 0.4s ease-out;
}

    .sh-running .sh-watermark[b-6g4n0qxqta] {
        display: none;
    }

.sh-progress-hub[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
}

.sh-main-spinner[b-6g4n0qxqta] {
    position: relative;
    width: 180px;
    height: 180px;
}

.sh-main-spinner-track[b-6g4n0qxqta] {
    position: absolute;
    inset: 0;
    border: 5px solid var(--surface);
    border-radius: 50%;
    background: var(--raised);
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.03), 0 6px 30px rgba(0, 0, 0, 0.06);
}

.sh-main-spinner-fill[b-6g4n0qxqta] {
    position: absolute;
    inset: 0;
    border: 5px solid transparent;
    border-top-color: var(--accent);
    border-right-color: var(--accent);
    border-radius: 50%;
    animation: shMainSpin-b-6g4n0qxqta 2s linear infinite;
}

@keyframes shMainSpin-b-6g4n0qxqta {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.sh-main-spinner-glow[b-6g4n0qxqta] {
    position: absolute;
    inset: -12px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent) 8%, transparent) 0%, transparent 70%);
    animation: shGlowPulse-b-6g4n0qxqta 3s ease-in-out infinite;
}

@keyframes shGlowPulse-b-6g4n0qxqta {
    0%, 100% {
        opacity: 0.3;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.04);
    }
}

.sh-main-spinner-icon[b-6g4n0qxqta] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    color: var(--border);
    animation: shIconColorPulse-b-6g4n0qxqta 2.5s ease-in-out infinite;
}

@keyframes shIconColorPulse-b-6g4n0qxqta {
    0%, 100% {
        color: var(--border);
        transform: scale(1);
    }

    50% {
        color: var(--accent-light);
        transform: scale(1.05);
    }
}

.sh-progress-status[b-6g4n0qxqta] {
    text-align: center;
    min-width: 280px;
}

.sh-progress-label[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-2);
    margin-bottom: 0.5rem;
    min-height: 1.5em;
}

.sh-ellipsis[b-6g4n0qxqta] {
    display: inline-block;
    width: 1.5em;
    text-align: left;
}

    .sh-ellipsis[b-6g4n0qxqta]::after {
        content: '';
        animation: shDots-b-6g4n0qxqta 1.4s steps(4, end) infinite;
    }

@keyframes shDots-b-6g4n0qxqta {
    0% {
        content: '';
    }

    25% {
        content: '.';
    }

    50% {
        content: '..';
    }

    75% {
        content: '...';
    }

    100% {
        content: '';
    }
}

.sh-progress-detail[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: var(--text-base);
    font-weight: var(--font-weight-regular);
    color: var(--ink-6);
}

.sh-stage-dots[b-6g4n0qxqta] {
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}

.sh-stage-dot[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.sh-stage-dot-circle[b-6g4n0qxqta] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--border);
    transition: all 0.4s ease;
}

.sh-stage-dot.active .sh-stage-dot-circle[b-6g4n0qxqta] {
    background: var(--accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent), 0 0 20px color-mix(in srgb, var(--accent) 60%, transparent);
    animation: shDotPulse-b-6g4n0qxqta 1s ease-in-out infinite;
}

.sh-stage-dot.done .sh-stage-dot-circle[b-6g4n0qxqta] {
    background: var(--accent);
    box-shadow: 0 0 8px color-mix(in srgb, var(--accent) 40%, transparent);
}

.sh-stage-dot.pending .sh-stage-dot-circle[b-6g4n0qxqta] {
    background: var(--border);
}

@keyframes shDotPulse-b-6g4n0qxqta {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent), 0 0 20px color-mix(in srgb, var(--accent) 60%, transparent);
    }

    50% {
        transform: scale(1.4);
        box-shadow: 0 0 0 8px color-mix(in srgb, var(--accent) 15%, transparent), 0 0 30px color-mix(in srgb, var(--accent) 80%, transparent);
    }
}

.sh-stage-dot-label[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: 0.6875rem;
    font-weight: var(--font-weight-medium);
    color: var(--ink-6);
    transition: all 0.4s ease;
    white-space: nowrap;
}

.sh-stage-dot.active .sh-stage-dot-label[b-6g4n0qxqta] {
    color: var(--accent);
    font-weight: var(--font-weight-bold);
    animation: shLabelPulse-b-6g4n0qxqta 1s ease-in-out infinite;
}

@keyframes shLabelPulse-b-6g4n0qxqta {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }
}

.sh-stage-dot.done .sh-stage-dot-label[b-6g4n0qxqta] {
    color: var(--accent-deep);
    font-weight: var(--font-weight-semibold);
}

.sh-stage-connector[b-6g4n0qxqta] {
    width: 24px;
    height: 2px;
    background: var(--border);
    border-radius: 1px;
    position: relative;
    overflow: hidden;
    margin: 0 0.25rem;
    margin-top: 5px;
}

    .sh-stage-connector.active[b-6g4n0qxqta]::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, var(--ink-7), var(--accent));
        animation: shConnectorFlow-b-6g4n0qxqta 1.5s ease-in-out infinite;
    }

@keyframes shConnectorFlow-b-6g4n0qxqta {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.sh-stage-connector.done[b-6g4n0qxqta] {
    background: var(--accent);
}

.sh-running.completing[b-6g4n0qxqta] {
    animation: shFadeOutUp-b-6g4n0qxqta 0.6s ease-out forwards;
}

@keyframes shFadeOutUp-b-6g4n0qxqta {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.sh-partial-reveal[b-6g4n0qxqta] {
    margin-top: 1.5rem;
    position: relative;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
    max-height: 500px;
    overflow: hidden;
    opacity: 0.6;
    pointer-events: none;
    animation: shPartialIn-b-6g4n0qxqta 0.6s ease-out;
}

@keyframes shPartialIn-b-6g4n0qxqta {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 0.6;
        transform: translateY(0);
    }
}

.sh-running-partial .sh-partial-reveal[b-6g4n0qxqta] {
    margin-top: 32px;
    opacity: 0.85;
}

    .sh-running-partial .sh-partial-reveal[b-6g4n0qxqta]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 120px;
        background: linear-gradient(to bottom, transparent, var(--raised));
        pointer-events: none;
    }

.sh-failed[b-6g4n0qxqta] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 2.5rem 2rem;
    position: relative;
    overflow: hidden;
    animation: shFadeIn-b-6g4n0qxqta 0.3s ease-out;
}

.sh-failed-icon[b-6g4n0qxqta] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--danger-surface);
    border: 1px solid var(--danger-border);
    border-radius: var(--radius-lg);
}

    .sh-failed-icon i[b-6g4n0qxqta] {
        font-size: var(--text-xl);
        color: var(--danger);
    }

.sh-failed-body[b-6g4n0qxqta] {
    flex: 1;
    min-width: 0;
}

.sh-failed-title[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    margin: 0 0 0.375rem 0;
    letter-spacing: -0.01em;
}

.sh-failed-text[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: var(--text-base);
    font-weight: var(--font-weight-regular);
    color: var(--ink-5);
    line-height: 1.6;
    margin: 0 0 1.25rem 0;
    max-width: 480px;
}

@keyframes shFadeIn-b-6g4n0qxqta {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sh-ready-body[b-6g4n0qxqta],
.sh-partial-reveal[b-6g4n0qxqta],
.sh-failed-icon[b-6g4n0qxqta],
.sh-failed-body[b-6g4n0qxqta] {
    position: relative;
    z-index: 1;
}

.sh-ready[b-6g4n0qxqta],
.sh-running[b-6g4n0qxqta],
.sh-failed[b-6g4n0qxqta],
.premium-lock-card[b-6g4n0qxqta] {
    min-height: 280px;
}

.container[b-6g4n0qxqta] {
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    border-radius: 1.25rem;
    max-width: 1360px;
    min-height: 100vh;
    margin: 0 auto;
}

.product-title[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: clamp(2.25rem, 5vw, 3.25rem);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    letter-spacing: -0.03em;
    line-height: 1.15;
    text-transform: capitalize;
    margin: 0.375rem 0 0.625rem;
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 0;
    border: none;
    transition: font-size 0.4s ease, margin 0.3s ease, line-height 0.3s ease;
}

    .product-title.is-placeholder[b-6g4n0qxqta] {
        color: var(--ink-7);
    }

    .product-title.is-animating[b-6g4n0qxqta] {
        background: linear-gradient( 90deg, var(--ink) 0%, var(--ink) 40%, var(--ink-6) 50%, var(--ink) 60%, var(--ink) 100% );
        background-size: 400% 100%;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: titleShimmer-b-6g4n0qxqta 3.5s ease-in-out infinite;
    }

@keyframes titleShimmer-b-6g4n0qxqta {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: -100% 50%;
    }
}

.maturity-bar-fill[b-6g4n0qxqta] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 2px;
    background: rgba(15, 23, 42, 0.32);
}

.readonly-indicator[b-6g4n0qxqta] {
    position: fixed;
    top: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
    color: #fff;
    padding: 0.5rem 1.25rem;
    border-radius: 1.5rem;
    font-size: 0.6875rem;
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: none;
    align-items: center;
    gap: 0.5rem;
    z-index: 101;
    animation: slideDown-b-6g4n0qxqta 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 4px 16px var(--accent-shadow);
}

@keyframes slideDown-b-6g4n0qxqta {
    from {
        transform: translateX(-50%) translateY(-120%);
        opacity: 0;
    }

    to {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }
}

.iv-empty[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    max-width: 18rem;
    margin: auto;
}

.iv-orb[b-6g4n0qxqta] {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid rgba(226, 228, 232, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.375rem;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

    .iv-orb img[b-6g4n0qxqta] {
        width: 2rem;
        height: 2rem;
        object-fit: contain;
    }

    .iv-orb.idle[b-6g4n0qxqta] {
        animation: iv-brady-b-6g4n0qxqta 6s ease-in-out infinite;
    }

@keyframes iv-brady-b-6g4n0qxqta {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

    8% {
        transform: scale(1.025);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    }

    16% {
        transform: scale(1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }
}

.iv-orb.active[b-6g4n0qxqta] {
    animation: iv-engaged-b-6g4n0qxqta 2.5s ease-in-out infinite;
}

@keyframes iv-engaged-b-6g4n0qxqta {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

    12% {
        transform: scale(1.05);
        box-shadow: 0 4px 14px rgba(240, 12, 113, 0.12);
    }

    24% {
        transform: scale(1);
    }

    36% {
        transform: scale(1.03);
        box-shadow: 0 3px 10px rgba(240, 12, 113, 0.08);
    }

    48% {
        transform: scale(1);
    }
}

.iv-orb.thinking[b-6g4n0qxqta] {
    animation: iv-inlove-b-6g4n0qxqta 1.6s ease-in-out infinite;
}

@keyframes iv-inlove-b-6g4n0qxqta {
    0% {
        transform: scale(1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

    8% {
        transform: scale(1.09);
        box-shadow: 0 6px 20px rgba(240, 12, 113, 0.18);
    }

    18% {
        transform: scale(0.97);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    }

    28% {
        transform: scale(1.06);
        box-shadow: 0 5px 16px rgba(240, 12, 113, 0.15);
    }

    38% {
        transform: scale(1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

    52% {
        transform: scale(1.04);
        box-shadow: 0 4px 12px rgba(240, 12, 113, 0.1);
    }

    62% {
        transform: scale(0.98);
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
    }

    75% {
        transform: scale(1.07);
        box-shadow: 0 5px 18px rgba(240, 12, 113, 0.16);
    }

    85% {
        transform: scale(1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }
}

.iv-line[b-6g4n0qxqta] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--ink-4);
    letter-spacing: -0.012em;
    line-height: 1.55;
}

    .iv-line em[b-6g4n0qxqta] {
        font-style: normal;
        font-weight: 700;
        color: var(--ink-3);
    }

.iv-arrow[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    gap: 0.3125rem;
    margin-top: 1.25rem;
    animation: iv-fadeUp-b-6g4n0qxqta 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
}

.iv-arrow-pip[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    background: rgba(240, 12, 113, 0.05);
    color: var(--accent);
    font-size: 0.375rem;
    flex-shrink: 0;
    opacity: 0.6;
    animation: iv-drift-b-6g4n0qxqta 2.5s ease-in-out infinite;
}

@keyframes iv-drift-b-6g4n0qxqta {
    0%, 100% {
        transform: translateX(0);
        opacity: 0.5;
    }

    50% {
        transform: translateX(-3px);
        opacity: 0.8;
    }
}

.iv-arrow-text[b-6g4n0qxqta] {
    font-size: 0.5625rem;
    font-weight: 500;
    color: var(--ink-6);
    position: relative;
}

    .iv-arrow-text[b-6g4n0qxqta]::after {
        content: '';
        position: absolute;
        inset: -2px -6px;
        background: linear-gradient( 270deg, transparent 0%, rgba(240, 12, 113, 0.04) 40%, rgba(240, 12, 113, 0.08) 50%, rgba(240, 12, 113, 0.04) 60%, transparent 100% );
        background-size: 200% 100%;
        border-radius: 3px;
        animation: iv-shimmer-rtl-b-6g4n0qxqta 4s ease-in-out infinite;
        pointer-events: none;
    }

@keyframes iv-shimmer-rtl-b-6g4n0qxqta {
    0%, 100% {
        background-position: -200% center;
    }

    50% {
        background-position: 200% center;
    }
}

@keyframes iv-fadeUp-b-6g4n0qxqta {
    from {
        opacity: 0;
        transform: translateY(3px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .iv-orb.idle[b-6g4n0qxqta],
    .iv-orb.active[b-6g4n0qxqta],
    .iv-orb.thinking[b-6g4n0qxqta] {
        animation: none;
    }

    .iv-line[b-6g4n0qxqta]::after {
        animation: none;
        opacity: 0;
    }

    .iv-arrow-pip[b-6g4n0qxqta] {
        animation: none;
        opacity: 0.6;
    }

    .iv-arrow[b-6g4n0qxqta] {
        animation: none;
        opacity: 1;
    }

    .iv-arrow-text[b-6g4n0qxqta]::after {
        animation: none;
        opacity: 0;
    }
}

@media (min-width: 901px) and (max-width: 1600px) {
    .iv-orb[b-6g4n0qxqta] {
        width: 3.25rem;
        height: 3.25rem;
        margin-bottom: 1.125rem;
    }

        .iv-orb img[b-6g4n0qxqta] {
            width: 1.75rem;
            height: 1.75rem;
        }

    .iv-line[b-6g4n0qxqta] {
        font-size: 0.8125rem;
    }

    .iv-arrow-text[b-6g4n0qxqta] {
        font-size: 0.5rem;
    }
}

@media (max-width: 900px) {
    .iv-empty[b-6g4n0qxqta] {
        padding: 1.5rem;
        max-width: 16rem;
    }

    .iv-orb[b-6g4n0qxqta] {
        width: 3rem;
        height: 3rem;
        margin-bottom: 1rem;
    }

        .iv-orb img[b-6g4n0qxqta] {
            width: 1.5rem;
            height: 1.5rem;
        }

    .iv-line[b-6g4n0qxqta] {
        font-size: 0.75rem;
    }

    .iv-arrow-text[b-6g4n0qxqta] {
        font-size: 0.5rem;
    }

    .iv-arrow-pip[b-6g4n0qxqta] {
        width: 1rem;
        height: 1rem;
        font-size: 0.3125rem;
    }
}

.iv-empty[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: calc(100vh - 120px);
    padding: 3rem 2rem;
    opacity: 0;
    animation: ivEmptyIn-b-6g4n0qxqta 0.8s ease-out 0.3s forwards;
}

@keyframes ivEmptyIn-b-6g4n0qxqta {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.toast[b-6g4n0qxqta] {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    background: var(--ink-2);
    color: #fff;
    padding: 0.875rem 1.25rem;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: var(--text-md);
    font-weight: var(--font-weight-medium);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2), 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    cursor: pointer;
    max-width: calc(100vw - 2rem);
    animation: toastSlideIn-b-6g4n0qxqta 0.3s ease forwards;
}

@keyframes toastSlideIn-b-6g4n0qxqta {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(1rem);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.toast-icon[b-6g4n0qxqta] {
    color: var(--accent);
    font-size: 1rem;
    flex-shrink: 0;
}

.toast-message[b-6g4n0qxqta] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toast:hover[b-6g4n0qxqta] {
    background: var(--ink-3);
}

@media (prefers-reduced-motion: reduce) {
    .container[b-6g4n0qxqta],
    .sh-stage-dot-circle[b-6g4n0qxqta],
    .sh-stage-connector[b-6g4n0qxqta],
    .sh-pill-btn[b-6g4n0qxqta],
    .sh-pill-btn .pill-icon[b-6g4n0qxqta],
    .sh-pill-btn .pill-icon i[b-6g4n0qxqta],
    .section-stale-flag[b-6g4n0qxqta],
    .product-title[b-6g4n0qxqta] {
        transition: none;
    }

    .readonly-indicator[b-6g4n0qxqta],
    .sh-ready[b-6g4n0qxqta],
    .sh-running[b-6g4n0qxqta],
    .sh-failed[b-6g4n0qxqta],
    .sh-partial-reveal[b-6g4n0qxqta],
    .section-stale-flag[b-6g4n0qxqta] {
        animation: none;
    }

    .product-title.is-animating[b-6g4n0qxqta] {
        animation: none;
        background: none;
        -webkit-background-clip: unset;
        background-clip: unset;
        -webkit-text-fill-color: var(--ink-6);
    }

    .sh-main-spinner-fill[b-6g4n0qxqta] {
        animation: shMainSpin-b-6g4n0qxqta 3s linear infinite;
    }

    .sh-main-spinner-glow[b-6g4n0qxqta] {
        animation: none;
        opacity: 0.5;
    }

    .sh-main-spinner-icon[b-6g4n0qxqta] {
        animation: none;
        color: var(--accent-light);
    }

    .sh-stage-dot.active .sh-stage-dot-circle[b-6g4n0qxqta] {
        animation: none;
    }

    .sh-stage-connector.active[b-6g4n0qxqta]::after {
        animation: none;
        background: linear-gradient(90deg, var(--ink-7), var(--accent));
    }

    .maturity-bar-fill[b-6g4n0qxqta] {
        transition: none;
    }

    .iv-empty[b-6g4n0qxqta] {
        animation: none;
        opacity: 1;
    }
}

@media (max-width: 1600px) {
    .container[b-6g4n0qxqta],
    .section-inner[b-6g4n0qxqta] {
        max-width: 1200px;
    }
}

@media (max-width: 1280px) {
    .product-title[b-6g4n0qxqta] {
        font-size: clamp(1.875rem, 4vw, 2.75rem);
        margin: 0.25rem 0 0.5rem;
    }
}

@media (max-width: 960px) {
    .section-header[b-6g4n0qxqta] {
        padding-top: 32px;
    }

    .section-elements[b-6g4n0qxqta],
    .section-competitive[b-6g4n0qxqta],
    .section-personas[b-6g4n0qxqta],
    .section-market-outlook[b-6g4n0qxqta] {
        padding: 0 0 2rem 0;
    }
}

@media (max-width: 768px) {
    .container[b-6g4n0qxqta] {
        border-radius: 1rem;
    }

    .section-header[b-6g4n0qxqta] {
        padding-top: 28px;
    }

    .section-title[b-6g4n0qxqta] {
        font-size: var(--text-md);
        letter-spacing: 0.35em;
    }

    .section-title-row[b-6g4n0qxqta] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .section-title-content[b-6g4n0qxqta] {
        flex-direction: row;
        align-items: center;
    }

    .section-stale-flag[b-6g4n0qxqta] {
        font-size: var(--text-2xs);
        padding: 0.1875rem 0.5rem;
    }

        .section-stale-flag span[b-6g4n0qxqta] {
            display: none;
        }

    .sh-pill-btn span:not(.pill-icon)[b-6g4n0qxqta] {
        display: none;
    }

    .sh-pill-btn[b-6g4n0qxqta] {
        padding: 0.375rem;
        gap: 0;
    }

    .sh-header-actions[b-6g4n0qxqta] {
        gap: 0.375rem;
    }

    .product-title[b-6g4n0qxqta] {
        font-size: 1.75rem;
        margin: 0.25rem 0 0.5rem;
    }

    .premium-lock-card[b-6g4n0qxqta] {
        padding: 2rem 1.5rem;
    }

    .premium-lock-watermark[b-6g4n0qxqta] {
        font-size: 10rem;
        left: 1rem;
    }

    .sh-ready[b-6g4n0qxqta] {
        padding: 2rem 1.5rem;
    }

    .sh-ready-text[b-6g4n0qxqta] {
        max-width: 100%;
    }

    .sh-ready-capabilities[b-6g4n0qxqta] {
        justify-content: center;
    }

    .sh-watermark[b-6g4n0qxqta] {
        font-size: 10rem;
        left: 1rem;
    }

    .sh-running[b-6g4n0qxqta] {
        padding: 3rem 1.5rem;
        min-height: 300px;
    }

    .sh-main-spinner[b-6g4n0qxqta] {
        width: 150px;
        height: 150px;
    }

    .sh-main-spinner-track[b-6g4n0qxqta],
    .sh-main-spinner-fill[b-6g4n0qxqta] {
        border-width: 4px;
    }

    .sh-main-spinner-icon[b-6g4n0qxqta] {
        font-size: 3.25rem;
    }

    .sh-progress-status[b-6g4n0qxqta] {
        min-width: 240px;
    }

    .sh-progress-label[b-6g4n0qxqta] {
        font-size: 1rem;
    }

    .sh-progress-detail[b-6g4n0qxqta] {
        font-size: var(--text-sm);
    }

    .sh-stage-dots[b-6g4n0qxqta] {
        gap: 0;
    }

    .sh-stage-connector[b-6g4n0qxqta] {
        width: 16px;
        margin: 0 0.125rem;
    }

    .sh-stage-dot-label[b-6g4n0qxqta] {
        font-size: var(--text-2xs);
    }

    .sh-stage-dot-circle[b-6g4n0qxqta] {
        width: 10px;
        height: 10px;
    }

    .sh-failed[b-6g4n0qxqta] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 2rem 1.5rem;
    }

    .sh-failed-text[b-6g4n0qxqta] {
        max-width: 100%;
    }

    .toast[b-6g4n0qxqta] {
        bottom: 1rem;
        padding: 0.75rem 1rem;
        font-size: var(--text-base);
        border-radius: var(--radius-md);
    }

    .iv-empty[b-6g4n0qxqta] {
        min-height: calc(100vh - 160px);
        padding: 2rem 1.5rem;
    }
}

@media (max-width: 480px) {
    .product-title[b-6g4n0qxqta] {
        font-size: 1.5rem;
        margin: 0.125rem 0 0.375rem;
    }

    .section-header[b-6g4n0qxqta] {
        padding-top: 24px;
    }

    .section-title[b-6g4n0qxqta] {
        font-size: var(--text-sm);
        letter-spacing: 0.3em;
    }

    .premium-lock-card[b-6g4n0qxqta] {
        padding: 1.5rem 1rem;
    }

    .premium-lock-watermark[b-6g4n0qxqta] {
        font-size: 7rem;
        left: 0.5rem;
    }

    .premium-lock-content[b-6g4n0qxqta] {
        max-width: 100%;
    }

    .premium-lock-text[b-6g4n0qxqta] {
        max-width: 100%;
    }

    .premium-lock-title[b-6g4n0qxqta] {
        font-size: 1.375rem;
    }

    .premium-lock-text[b-6g4n0qxqta] {
        font-size: var(--text-md);
    }

    .sh-ready[b-6g4n0qxqta] {
        padding: 1.5rem 1rem;
    }

    .sh-ready-title[b-6g4n0qxqta] {
        font-size: 1.375rem;
    }

    .sh-ready-text[b-6g4n0qxqta] {
        font-size: var(--text-md);
    }

    .sh-ready-tag[b-6g4n0qxqta] {
        font-size: var(--text-xs);
        padding: 0.25rem 0.5rem;
    }

    .sh-running[b-6g4n0qxqta] {
        padding: 2.5rem 1rem;
        min-height: 280px;
    }

    .sh-main-spinner[b-6g4n0qxqta] {
        width: 120px;
        height: 120px;
    }

    .sh-main-spinner-track[b-6g4n0qxqta],
    .sh-main-spinner-fill[b-6g4n0qxqta] {
        border-width: 3px;
    }

    .sh-main-spinner-icon[b-6g4n0qxqta] {
        font-size: 2.5rem;
    }

    .sh-progress-hub[b-6g4n0qxqta] {
        gap: 2rem;
    }

    .sh-progress-status[b-6g4n0qxqta] {
        min-width: 200px;
    }

    .sh-progress-label[b-6g4n0qxqta] {
        font-size: 0.9375rem;
    }

    .sh-progress-detail[b-6g4n0qxqta] {
        font-size: 0.6875rem;
    }

    .sh-stage-dots[b-6g4n0qxqta] {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.25rem 0;
    }

    .sh-stage-connector[b-6g4n0qxqta] {
        width: 12px;
        margin: 0;
        margin-bottom: 1rem;
    }

    .sh-stage-dot[b-6g4n0qxqta] {
        gap: 0.25rem;
    }

    .sh-stage-dot-circle[b-6g4n0qxqta] {
        width: 8px;
        height: 8px;
    }

    .sh-stage-dot-label[b-6g4n0qxqta] {
        font-size: 0.5rem;
    }

    .sh-failed[b-6g4n0qxqta] {
        padding: 1.5rem 1rem;
    }

    .sh-watermark[b-6g4n0qxqta] {
        font-size: 7rem;
        left: 0.5rem;
    }

    .iv-empty[b-6g4n0qxqta] {
        padding: 1.5rem 1rem;
    }
}

.section-tabs[b-6g4n0qxqta] {
    background: #f4f2ed;
    padding: 2rem 0 1.75rem;
    border-top: none;
    border-bottom: none;
    box-shadow: none;
}

.iv-pills-strip[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0.5rem 0.25rem;
    margin: -0.5rem -0.25rem;
    max-width: calc(100% + 0.5rem);
    overflow-x: auto;
    scrollbar-width: none;
    box-shadow: none;
}

    .iv-pills-strip[b-6g4n0qxqta]::-webkit-scrollbar {
        display: none;
    }

.ih-tabrail[b-6g4n0qxqta] {
    margin-top: 2.5rem;
    padding-top: 0;
    border-top: none;
}

    .ih-tabrail .iv-pills-strip[b-6g4n0qxqta] {
        align-items: flex-end;
        gap: 4px;
        padding-top: 0.375rem;
        padding-bottom: 0;
        margin: 0;
    }

.section-header .section-inner[b-6g4n0qxqta] {
    padding-bottom: 0;
}

.iv-pill[b-6g4n0qxqta] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-width: 7.5rem;
    padding: 0.8125rem 1.125rem;
    border: none;
    background: linear-gradient(180deg, #ffffff 0%, #f6f7f9 100%);
    border-radius: 10px;
    font-family: 'Space Grotesk', var(--font);
    font-size: 0.6875rem;
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--ink-3);
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 0 0 1px rgba(15, 23, 42, 0.10), 0 1px 2px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

    .iv-pill:hover:not(.is-active)[b-6g4n0qxqta] {
        background: linear-gradient(180deg, #ffffff 0%, #eef0f3 100%);
        color: var(--ink-2);
        transform: translateY(-1px);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 0 0 1px rgba(15, 23, 42, 0.14), 0 2px 4px rgba(15, 23, 42, 0.08), 0 4px 8px rgba(15, 23, 42, 0.06);
    }

    .iv-pill:focus-visible[b-6g4n0qxqta] {
        outline: 2px solid var(--accent);
        outline-offset: 2px;
    }

    .iv-pill.is-active[b-6g4n0qxqta] {
        background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 92%, #ffffff) 0%, var(--ink) 100%);
        color: #ffffff;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 1px 2px rgba(15, 23, 42, 0.20), 0 2px 4px rgba(15, 23, 42, 0.14), 0 6px 14px rgba(15, 23, 42, 0.14);
        filter: none;
    }

        .iv-pill.is-active:hover[b-6g4n0qxqta] {
            background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 88%, #ffffff) 0%, color-mix(in srgb, var(--ink) 96%, #ffffff) 100%);
        }

        .iv-pill.is-active .iv-pill-icon[b-6g4n0qxqta] {
            background: rgba(255, 255, 255, 0.16);
            color: #ffffff;
        }

.iv-pill-icon[b-6g4n0qxqta] {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.06);
    font-size: 0.625rem;
    color: var(--ink-4);
    line-height: 1;
    flex-shrink: 0;
    transition: background 0.18s ease, color 0.18s ease;
}

.iv-pill:hover:not(.is-active) .iv-pill-icon[b-6g4n0qxqta] {
    background: rgba(15, 23, 42, 0.09);
    color: var(--ink-2);
}

.iv-pill-label[b-6g4n0qxqta] {
    line-height: 1;
}

.iv-pill-status[b-6g4n0qxqta] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: 0.125rem;
    box-sizing: border-box;
    transform: translateZ(0);
    backface-visibility: hidden;
    cursor: help;
}

.iv-pill-status--idle[b-6g4n0qxqta] {
    background: transparent;
    border: 1.5px solid var(--ink-6);
    opacity: 0.75;
}

.iv-pill-status--running[b-6g4n0qxqta] {
    background: conic-gradient(from 0deg, #16a34a 0deg 180deg, transparent 180deg 360deg);
    animation: ivPillStatusRotate-b-6g4n0qxqta 1.4s linear infinite;
    will-change: transform;
}

@keyframes ivPillStatusRotate-b-6g4n0qxqta {
    from {
        transform: rotate(0deg) translateZ(0);
    }

    to {
        transform: rotate(360deg) translateZ(0);
    }
}

.iv-pill-status--done[b-6g4n0qxqta] {
    background: #16a34a;
}

.iv-pill-status--stale[b-6g4n0qxqta] {
    background: #ea580c;
}

.iv-pill-status--failed[b-6g4n0qxqta] {
    background: conic-gradient(from 0deg, #dc2626 0deg 180deg, transparent 180deg 360deg);
    border: 1.5px solid #dc2626;
}

.iv-pill.is-active .iv-pill-status--idle[b-6g4n0qxqta] {
    border-color: rgba(255, 255, 255, 0.65);
    opacity: 1;
}

.iv-pill.is-active .iv-pill-status--failed[b-6g4n0qxqta] {
    background: conic-gradient(from 0deg, #ef4444 0deg 180deg, transparent 180deg 360deg);
    border-color: #ef4444;
}

@media (prefers-reduced-motion: reduce) {
    .iv-pill-status--running[b-6g4n0qxqta] {
        animation: none;
    }
}

@media (max-width: 640px) {
    .section-tabs[b-6g4n0qxqta] {
        padding: 1.5rem 0 1.25rem;
    }

    .iv-pills-strip[b-6g4n0qxqta] {
        display: flex;
        max-width: 100%;
        gap: 4px;
        padding: 5px;
    }

    .iv-pill[b-6g4n0qxqta] {
        padding: 0.5625rem 0.75rem;
        font-size: 0.75rem;
        gap: 0.4375rem;
    }
}

.ih-v3[b-6g4n0qxqta] {
    position: relative;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

    .ih-v3.is-empty[b-6g4n0qxqta] {
        padding-bottom: 0;
    }

.ih-status-dot[b-6g4n0qxqta] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent);
    animation: ihStatusPulse-b-6g4n0qxqta 1.4s ease-in-out infinite;
}

@keyframes ihStatusPulse-b-6g4n0qxqta {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.4;
        transform: scale(1.3);
    }
}

.ih-title[b-6g4n0qxqta] {
    font-family: 'Space Grotesk', var(--font);
    font-size: 2.625rem;
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    margin: 0;
    letter-spacing: -0.03em;
    line-height: 1.08;
    max-width: 720px;
}

    .ih-title.is-placeholder[b-6g4n0qxqta] {
        color: var(--ink-5);
        font-weight: var(--font-weight-regular);
    }

    .ih-title.is-animating[b-6g4n0qxqta] {
        animation: ihTitleShimmer-b-6g4n0qxqta 1.8s ease-in-out infinite;
    }

@keyframes ihTitleShimmer-b-6g4n0qxqta {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

.ih-maturity-fill[b-6g4n0qxqta] {
    height: 100%;
    background: rgba(15, 23, 42, 0.32);
    border-radius: 999px;
    transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.ih-maturity-pct[b-6g4n0qxqta] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-bold);
    color: var(--ink-2);
    letter-spacing: -0.01em;
}

    .ih-maturity-pct small[b-6g4n0qxqta] {
        font-size: 0.6875rem;
        color: var(--ink-5);
        font-weight: var(--font-weight-bold);
        margin-left: 0.0625rem;
    }

.sh-coach-back--header[b-6g4n0qxqta] {
    margin-top: 1.5rem;
}

.iv-empty-hero[b-6g4n0qxqta] {
    grid-area: actions;
    margin-top: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.875rem;
    max-width: 640px;
}

.iv-empty-hero-arrow[b-6g4n0qxqta] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(240, 12, 113, 0.10);
    border: 1px solid rgba(240, 12, 113, 0.30);
    color: var(--accent);
    font-size: 0.8125rem;
    animation: ivEmptyHeroNudge-b-6g4n0qxqta 1.8s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes ivEmptyHeroNudge-b-6g4n0qxqta {
    0%, 100% {
        transform: translateX(0);
        opacity: 0.85;
    }

    50% {
        transform: translateX(-7px);
        opacity: 1;
    }
}

.iv-empty-hero-sub[b-6g4n0qxqta] {
    margin: 0;
    font-family: var(--font);
    font-size: 0.9375rem;
    font-weight: var(--font-weight-regular);
    line-height: 1.55;
    color: var(--ink-4);
}

@media (prefers-reduced-motion: reduce) {
    .iv-empty-hero-arrow[b-6g4n0qxqta] {
        animation: none;
        opacity: 1;
    }
}

.iv-genesis[b-6g4n0qxqta] {
    list-style: none;
    margin: 2.25rem auto 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: baseline;
    column-gap: 2.5rem;
    row-gap: 0.75rem;
    flex-wrap: wrap;
}

    .iv-genesis li[b-6g4n0qxqta] {
        position: relative;
        display: flex;
        align-items: baseline;
        gap: 0.625rem;
    }

        .iv-genesis li + li[b-6g4n0qxqta]::before {
            content: '\2192';
            position: absolute;
            left: -1.625rem;
            color: var(--ink-7);
            font-size: 0.8125rem;
        }

.iv-genesis-num[b-6g4n0qxqta] {
    flex: 0 0 auto;
    font-family: 'IBM Plex Mono', var(--font-mono, monospace);
    font-size: 0.625rem;
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.09em;
    color: var(--ink-6);
}

.iv-genesis-text[b-6g4n0qxqta] {
    font-size: 0.875rem;
    line-height: 1.45;
    color: var(--ink-4);
}

.iv-genesis li.is-now .iv-genesis-num[b-6g4n0qxqta] {
    color: var(--accent);
}

.iv-genesis li.is-now .iv-genesis-text[b-6g4n0qxqta] {
    color: var(--ink-2);
    font-weight: var(--font-weight-semibold);
}

@media (max-width: 720px) {
    .iv-genesis[b-6g4n0qxqta] {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 1.75rem;
    }

        .iv-genesis li + li[b-6g4n0qxqta]::before {
            display: none;
        }
}

@media (max-width: 768px) {

    .ih-title[b-6g4n0qxqta] {
        font-size: 2rem;
        letter-spacing: -0.025em;
    }
}

@media (max-width: 480px) {
    .ih-title[b-6g4n0qxqta] {
        font-size: 1.625rem;
        line-height: 1.15;
    }
}

.ih-metabar[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    margin-bottom: 1.375rem;
}

    .ih-metabar .ih-meta-strip[b-6g4n0qxqta] {
        flex: 0 1 auto;
    }

.ih-headline[b-6g4n0qxqta] {
    display: block;
    margin-bottom: 0;
}

.ih-titlerow[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    flex-wrap: wrap;
    margin-bottom: 1.625rem;
}

    .ih-titlerow > .ihv-title[b-6g4n0qxqta] {
        flex: 1 1 auto;
        min-width: 0;
        padding-right: 0;
    }

.ih-headline-text[b-6g4n0qxqta] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .ih-headline-text .ih-title[b-6g4n0qxqta] {
        margin: 0;
        max-width: 100%;
    }

.ih-meta-strip[b-6g4n0qxqta] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.625rem;
    font-family: var(--font);
    font-size: 0.75rem;
    color: var(--ink-5);
    line-height: 1.3;
}

.ih-meta-strip-item[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
    gap: 0.4375rem;
    color: var(--ink-3);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
}

    .ih-meta-strip-item i[b-6g4n0qxqta] {
        font-size: 0.75rem;
        color: var(--ink-5);
        opacity: 0.85;
    }

.ih-meta-strip-item--status[b-6g4n0qxqta] {
    color: var(--accent);
    font-weight: var(--font-weight-bold);
    font-size: 0.75rem;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.ih-meta-strip-sep[b-6g4n0qxqta] {
    color: var(--ink-7);
    opacity: 0.5;
    user-select: none;
}

.ih-verdict-panel[b-6g4n0qxqta] {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    transition: background 0.18s ease;
}

    .ih-verdict-panel[b-6g4n0qxqta]::after {
        content: none;
    }

    .ih-verdict-panel.state-graded[b-6g4n0qxqta],
    .ih-verdict-panel.state-error[b-6g4n0qxqta] {
        cursor: pointer;
        margin: -0.5rem -0.625rem;
        padding: 0.5rem 0.625rem;
        border-radius: 12px;
    }

        .ih-verdict-panel.state-graded:hover[b-6g4n0qxqta],
        .ih-verdict-panel.state-error:hover[b-6g4n0qxqta] {
            background: rgba(15, 23, 42, 0.025);
        }

    .ih-verdict-panel:focus-visible[b-6g4n0qxqta] {
        outline: 2px solid rgba(240, 12, 113, 0.55);
        outline-offset: 3px;
        border-radius: 12px;
    }

.ih-verdict-panel[b-6g4n0qxqta] {
    display: block;
}

.ihv-score-column[b-6g4n0qxqta] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.ihv-grade[b-6g4n0qxqta] {
    --tier-bg: rgba(15, 23, 42, 0.04);
    --tier-border: rgba(15, 23, 42, 0.12);
    --tier-fg: #2c3e50;
    flex-shrink: 0;
    position: relative;
    width: var(--grade-tile-size, 4.75rem);
    min-height: var(--grade-tile-size, 4.75rem);
    padding: 0.5rem 0.5rem 0.5rem;
    border-radius: 14px;
    background: var(--tier-bg);
    border: 1.5px solid var(--tier-border);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    color: var(--tier-fg);
}

    .ihv-grade.tier-great[b-6g4n0qxqta] {
        --tier-bg: color-mix(in srgb, #16a34a 8%, #ffffff);
        --tier-border: rgba(22, 163, 74, 0.32);
        --tier-fg: #15803d;
    }

    .ihv-grade.tier-good[b-6g4n0qxqta] {
        --tier-bg: color-mix(in srgb, #65a30d 8%, #ffffff);
        --tier-border: rgba(101, 163, 13, 0.32);
        --tier-fg: #4d7c0f;
    }

    .ihv-grade.tier-moderate[b-6g4n0qxqta] {
        --tier-bg: color-mix(in srgb, #ea580c 8%, #ffffff);
        --tier-border: rgba(234, 88, 12, 0.32);
        --tier-fg: #c2410c;
    }

    .ihv-grade.tier-poor[b-6g4n0qxqta] {
        --tier-bg: color-mix(in srgb, #dc2626 8%, #ffffff);
        --tier-border: rgba(220, 38, 38, 0.32);
        --tier-fg: #b91c1c;
    }

.ihv-grade-letter-row[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: baseline;
    line-height: 1;
}

.ihv-grade-letter[b-6g4n0qxqta] {
    position: relative;
    display: inline-block;
    width: 1.4em;
    height: 1em;
    font-family: 'Space Grotesk', var(--font);
    font-size: clamp(1.5rem, 1.25rem + 2vw, 2.625rem);
    font-weight: var(--font-weight-bold);
    line-height: 1;
    letter-spacing: -0.04em;
    color: var(--tier-fg);
    text-align: center;
}

.ihv-grade-flap[b-6g4n0qxqta] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

    .ihv-grade-flap:not(.is-final)[b-6g4n0qxqta] {
        animation: ihvGradeFlapFade-b-6g4n0qxqta 0.26s ease-in-out forwards;
        animation-delay: calc(var(--i) * 0.13s);
    }

    .ihv-grade-flap.is-final[b-6g4n0qxqta] {
        animation: ihvGradeFlapFinal-b-6g4n0qxqta 0.25s ease-out forwards;
        animation-delay: calc(var(--cycle-length, 0) * 0.13s + 0.20s);
    }

@keyframes ihvGradeFlapFade-b-6g4n0qxqta {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@keyframes ihvGradeFlapFinal-b-6g4n0qxqta {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.ihv-grade-modifier[b-6g4n0qxqta] {
    position: absolute;
    top: 0.4375rem;
    right: 0.5rem;
    font-family: var(--font);
    font-size: clamp(0.625rem, 0.5rem + 0.5vw, 0.8125rem);
    font-weight: var(--font-weight-extrabold);
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--tier-fg);
    opacity: 0;
    pointer-events: none;
    animation: ihvGradeModifierFade-b-6g4n0qxqta 0.25s ease forwards;
    animation-delay: calc(var(--cycle-length, 0) * 0.13s + 0.40s);
}

@keyframes ihvGradeModifierFade-b-6g4n0qxqta {
    to {
        opacity: 0.9;
    }
}

.ihv-grade-score-row[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3125rem;
    line-height: 1;
}

.ihv-grade-score[b-6g4n0qxqta] {
    font-family: var(--font-mono, var(--font));
    font-size: clamp(0.625rem, 0.5rem + 0.5vw, 0.8125rem);
    font-weight: var(--font-weight-bold);
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--tier-fg);
    font-variant-numeric: tabular-nums;
    opacity: 0.85;
}

    .ihv-grade-score .ihv-score-unit[b-6g4n0qxqta] {
        margin-left: 0.0625rem;
        font-size: 0.85em;
        opacity: 0.75;
    }

.ihv-grade--running[b-6g4n0qxqta],
.ihv-grade--error[b-6g4n0qxqta],
.ihv-grade--empty[b-6g4n0qxqta] {
    --tier-bg: rgba(15, 23, 42, 0.02);
    --tier-border: rgba(15, 23, 42, 0.20);
    border-style: dashed;
}

.ihv-grade--error[b-6g4n0qxqta] {
    --tier-border: rgba(220, 38, 38, 0.45);
}

.ihv-grade--running[b-6g4n0qxqta] {
    --tier-border: rgba(240, 12, 113, 0.40);
    border-style: solid;
    animation: ihvGradeRunningPulse-b-6g4n0qxqta 1.8s ease-in-out infinite;
}

@keyframes ihvGradeRunningPulse-b-6g4n0qxqta {
    0%, 100% {
        background: rgba(240, 12, 113, 0.02);
        border-color: rgba(240, 12, 113, 0.30);
    }

    50% {
        background: rgba(240, 12, 113, 0.08);
        border-color: rgba(240, 12, 113, 0.65);
    }
}

.ihv-grade-cycle[b-6g4n0qxqta] {
    position: relative;
    font-size: clamp(1.75rem, 1.125rem + 1.875vw, 2.5rem);
    font-weight: var(--font-weight-black);
    color: rgba(240, 12, 113, 0.85);
    line-height: 1;
    letter-spacing: -0.02em;
}

.ihv-grade-cycle-char[b-6g4n0qxqta] {
    display: inline-block;
    min-width: 1ch;
    text-align: center;
}

    .ihv-grade-cycle-char[b-6g4n0qxqta]::before {
        content: "F";
        animation: ihvGradeLetterCycle-b-6g4n0qxqta 2.4s steps(1, end) infinite;
    }

@keyframes ihvGradeLetterCycle-b-6g4n0qxqta {
    0% {
        content: "F";
    }

    12.5% {
        content: "D";
    }

    25% {
        content: "C";
    }

    37.5% {
        content: "B";
    }

    50% {
        content: "A";
    }

    62.5% {
        content: "B";
    }

    75% {
        content: "C";
    }

    87.5% {
        content: "D";
    }
}

.ihv-grade--running.ihv-grade--reassessing .ihv-grade-flap.is-final[b-6g4n0qxqta] {
    animation: none;
    opacity: 0.55;
}

.ihv-grade--running.ihv-grade--reassessing .ihv-grade-modifier[b-6g4n0qxqta] {
    animation: none;
    opacity: 0.55;
}

.ihv-grade--running.ihv-grade--reassessing .ihv-grade-score-row[b-6g4n0qxqta] {
    opacity: 0.55;
}

.ihv-grade i[b-6g4n0qxqta] {
    font-size: 1.5rem;
    color: rgba(15, 23, 42, 0.45);
}

.ihv-grade--error i[b-6g4n0qxqta] {
    color: rgba(220, 38, 38, 0.7);
}

.ihv-grade--running i[b-6g4n0qxqta] {
    color: rgba(240, 12, 113, 0.75);
}

.ihv-empty-dash[b-6g4n0qxqta] {
    font-size: clamp(1.5rem, 1rem + 1.5vw, 2rem);
    font-weight: var(--font-weight-bold);
    color: rgba(15, 23, 42, 0.30);
    line-height: 1;
}

.ihv-body[b-6g4n0qxqta] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ihv-codename[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
    gap: 0.4375rem;
    padding: 0.25rem 0.625rem 0.25rem 0.5rem;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 999px;
    color: var(--ink-3);
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
}

    .ihv-codename i[b-6g4n0qxqta] {
        font-size: 0.625rem;
        color: var(--ink-5);
        opacity: 0.9;
    }

    .ihv-codename.is-untitled[b-6g4n0qxqta] {
        background: transparent;
        border-style: dashed;
        border-color: rgba(15, 23, 42, 0.16);
        color: var(--ink-5);
    }

        .ihv-codename.is-untitled i[b-6g4n0qxqta] {
            color: var(--ink-5);
            opacity: 0.7;
        }

.ihv-title[b-6g4n0qxqta] {
    margin: 0;
    padding-right: clamp(0rem, calc(100% - 26rem), 40%);
    font-family: 'Space Grotesk', var(--font);
    font-size: clamp(1.375rem, 1rem + 1.4vw, 2rem);
    font-weight: var(--font-weight-bold);
    line-height: 1.15;
    letter-spacing: -0.025em;
    color: var(--ink);
}

    .ihv-title.is-placeholder[b-6g4n0qxqta] {
        color: var(--ink-5);
        font-weight: var(--font-weight-regular);
    }

.ihv-headline-row[b-6g4n0qxqta] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 0.875rem;
    padding-top: 0.875rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.ihv-verdict-label[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: clamp(0.8125rem, 0.6875rem + 0.5vw, 0.9375rem);
    font-weight: var(--font-weight-semibold);
    color: rgba(15, 23, 42, 0.80);
    line-height: 1.4;
    letter-spacing: -0.005em;
}

.ihv-verdict-label--muted[b-6g4n0qxqta] {
    color: rgba(15, 23, 42, 0.50);
    font-weight: var(--font-weight-medium);
}

.ihv-verdict-label--awaiting[b-6g4n0qxqta] {
    color: rgba(15, 23, 42, 0.72);
    font-weight: var(--font-weight-semibold);
    letter-spacing: -0.005em;
}

.ihv-verdict-label--error[b-6g4n0qxqta] {
    color: rgba(220, 38, 38, 0.85);
    font-weight: var(--font-weight-semibold);
}

.ihv-validation-prompt[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    margin-top: 1rem;
    padding: 0.75rem 0.875rem;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.03);
    border: 1px solid rgba(15, 23, 42, 0.08);
    flex-wrap: wrap;
    max-width: 640px;
}

.ihv-validation-prompt-icon[b-6g4n0qxqta] {
    font-size: 0.9375rem;
    color: rgba(15, 23, 42, 0.45);
    flex-shrink: 0;
}

.ihv-validation-prompt-body[b-6g4n0qxqta] {
    flex: 1 1 220px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.ihv-validation-prompt-title[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: 0.8125rem;
    font-weight: var(--font-weight-semibold);
    color: rgba(15, 23, 42, 0.72);
    line-height: 1.35;
}

.ihv-validation-prompt-text[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: 0.75rem;
    font-weight: var(--font-weight-regular);
    color: rgba(15, 23, 42, 0.55);
    line-height: 1.4;
}

.ihv-validation-prompt-cta[b-6g4n0qxqta] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    padding: 0.25rem 0;
    background: transparent;
    color: rgba(15, 23, 42, 0.65);
    border: 0;
    font-family: var(--font);
    font-size: 0.75rem;
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    transition: color 0.18s ease;
    flex-shrink: 0;
}

    .ihv-validation-prompt-cta:hover[b-6g4n0qxqta] {
        color: rgba(15, 23, 42, 0.90);
    }

        .ihv-validation-prompt-cta:hover i[b-6g4n0qxqta] {
            transform: translateX(2px);
        }

    .ihv-validation-prompt-cta:focus-visible[b-6g4n0qxqta] {
        outline: 2px solid var(--accent);
        outline-offset: 3px;
        border-radius: 2px;
    }

    .ihv-validation-prompt-cta i[b-6g4n0qxqta] {
        font-size: 0.6875rem;
        transition: transform 0.18s ease;
    }

.ihv-validation-prompt.tier-low[b-6g4n0qxqta] {
    background: rgba(217, 119, 6, 0.03);
    border-color: rgba(217, 119, 6, 0.12);
}

    .ihv-validation-prompt.tier-low .ihv-validation-prompt-icon[b-6g4n0qxqta] {
        color: rgba(217, 119, 6, 0.60);
    }

.ihv-validation-prompt.tier-medium[b-6g4n0qxqta] {
    background: rgba(15, 23, 42, 0.03);
    border-color: rgba(15, 23, 42, 0.10);
}

    .ihv-validation-prompt.tier-medium .ihv-validation-prompt-icon[b-6g4n0qxqta] {
        color: rgba(15, 23, 42, 0.45);
    }

.ihv-validation-chip[b-6g4n0qxqta] {
    appearance: none;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    padding: 0.1875rem 0.5rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-family: var(--font);
    font-size: 0.6875rem;
    font-weight: var(--font-weight-semibold);
    line-height: 1;
    white-space: nowrap;
}

    .ihv-validation-chip i[b-6g4n0qxqta] {
        font-size: 0.75rem;
    }

    .ihv-validation-chip.tier-low[b-6g4n0qxqta] {
        background: rgba(217, 119, 6, 0.10);
        border-color: rgba(217, 119, 6, 0.30);
        color: #b45309;
    }

    .ihv-validation-chip.tier-medium[b-6g4n0qxqta] {
        background: rgba(15, 23, 42, 0.05);
        border-color: rgba(15, 23, 42, 0.14);
        color: var(--ink-3);
    }

    .ihv-validation-chip.tier-low:hover[b-6g4n0qxqta] {
        background: rgba(217, 119, 6, 0.16);
        border-color: rgba(217, 119, 6, 0.42);
    }

    .ihv-validation-chip.tier-medium:hover[b-6g4n0qxqta] {
        background: rgba(15, 23, 42, 0.08);
        border-color: rgba(15, 23, 42, 0.20);
    }

    .ihv-validation-chip:focus-visible[b-6g4n0qxqta] {
        outline: 2px solid var(--accent);
        outline-offset: 2px;
    }

.ihv-dots[b-6g4n0qxqta] {
    display: inline-flex;
    gap: 2px;
    margin-left: 0.25rem;
}

    .ihv-dots span[b-6g4n0qxqta] {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: currentColor;
        opacity: 0.4;
        animation: ihvDots-b-6g4n0qxqta 1.4s ease-in-out infinite;
    }

        .ihv-dots span:nth-child(2)[b-6g4n0qxqta] {
            animation-delay: 0.18s;
        }

        .ihv-dots span:nth-child(3)[b-6g4n0qxqta] {
            animation-delay: 0.36s;
        }

@keyframes ihvDots-b-6g4n0qxqta {
    0%, 100% {
        opacity: 0.3;
        transform: translateY(0);
    }

    50% {
        opacity: 1;
        transform: translateY(-2px);
    }
}

.ihv-discuss-cta[b-6g4n0qxqta] {
    appearance: none;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 0.4375rem;
    padding: 0.3125rem 0.75rem 0.3125rem 0.625rem;
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--accent) 24%, transparent);
    border-radius: 999px;
    font-family: var(--font);
    font-size: 0.75rem;
    font-weight: var(--font-weight-semibold);
    color: var(--accent);
    cursor: pointer;
    margin-top: 0.5rem;
    box-shadow: none;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.18s ease, transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

    .ihv-discuss-cta i[b-6g4n0qxqta] {
        font-size: 0.625rem;
        transition: transform 0.18s ease;
    }

    .ihv-discuss-cta:hover[b-6g4n0qxqta] {
        background: color-mix(in srgb, var(--accent) 6%, transparent);
        border-color: color-mix(in srgb, var(--accent) 40%, transparent);
    }

        .ihv-discuss-cta:hover i[b-6g4n0qxqta] {
            transform: translateX(2px);
        }

    .ihv-discuss-cta:focus-visible[b-6g4n0qxqta] {
        outline: 2px solid var(--accent);
        outline-offset: 2px;
    }

@media (hover: hover) {
    .ih-verdict-panel.state-graded:hover .ihv-discuss-cta[b-6g4n0qxqta],
    .ih-verdict-panel.state-graded:focus-within .ihv-discuss-cta[b-6g4n0qxqta] {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (hover: none) {
    .ih-verdict-panel.state-graded .ihv-discuss-cta[b-6g4n0qxqta] {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1200px) {
    .ihv-title[b-6g4n0qxqta] {
        padding-right: 3rem;
    }
}

@media (max-width: 960px) {

    .ihv-title[b-6g4n0qxqta] {
        padding-right: 1.5rem;
    }
}

@media (max-width: 720px) {

    .ihv-title[b-6g4n0qxqta] {
        padding-right: 0;
    }

    .ihv-grade[b-6g4n0qxqta] {
        border-radius: 12px;
    }

    .ihv-discuss-cta[b-6g4n0qxqta] {
        font-size: 0.75rem;
        padding: 0.4375rem 0.75rem 0.4375rem 0.5625rem;
    }

    .ihv-headline-row[b-6g4n0qxqta] {
        gap: 0.5rem;
    }
}

@media (max-width: 480px) {
    .ihv-title[b-6g4n0qxqta] {
        font-size: 1.75rem;
    }

    .ihv-grade[b-6g4n0qxqta] {
        width: 3.5rem;
        min-height: 3.5rem;
    }

    .ihv-grade-letter[b-6g4n0qxqta] {
        font-size: 1.75rem;
    }
}

@media (max-width: 768px) {
    .ih-headline[b-6g4n0qxqta] {
        margin-bottom: 1.25rem;
    }
}

@media (max-width: 480px) {
    .ih-headline-text[b-6g4n0qxqta] {
        gap: 0.75rem;
    }
}

.section-header[data-theme="dark"][b-6g4n0qxqta] {
    background: linear-gradient(180deg, #1a212c 0%, #0e131b 100%);
    border-bottom: none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
    color: #f5f3ee;
}

    .section-header[data-theme="dark"][b-6g4n0qxqta]::before {
        background: linear-gradient(90deg, transparent 0%, rgba(240, 12, 113, 0.45) 25%, rgba(240, 12, 113, 0.85) 50%, rgba(240, 12, 113, 0.45) 75%, transparent 100%);
    }

    .section-header[data-theme="dark"] .ihv-codename[b-6g4n0qxqta] {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.14);
        color: rgba(255, 255, 255, 0.70);
    }

        .section-header[data-theme="dark"] .ihv-codename i[b-6g4n0qxqta] {
            color: rgba(255, 255, 255, 0.50);
        }

        .section-header[data-theme="dark"] .ihv-codename.is-untitled[b-6g4n0qxqta] {
            background: transparent;
            border-color: rgba(255, 255, 255, 0.20);
            color: rgba(255, 255, 255, 0.50);
        }

            .section-header[data-theme="dark"] .ihv-codename.is-untitled i[b-6g4n0qxqta] {
                color: rgba(255, 255, 255, 0.45);
            }

    .section-header[data-theme="dark"] .ihv-title[b-6g4n0qxqta] {
        color: #f5f3ee;
    }

        .section-header[data-theme="dark"] .ihv-title.is-placeholder[b-6g4n0qxqta] {
            color: rgba(255, 255, 255, 0.40);
        }

    .section-header[data-theme="dark"] .ihv-headline-row[b-6g4n0qxqta] {
        border-top-color: rgba(255, 255, 255, 0.08);
    }

    .section-header[data-theme="dark"] .ihv-verdict-label[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.85);
    }

    .section-header[data-theme="dark"] .ihv-verdict-label--muted[b-6g4n0qxqta] {
        color: rgba(255, 255, 255, 0.45);
    }

    .section-header[data-theme="dark"] .ihv-verdict-label--awaiting[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.72);
    }

    .section-header[data-theme="dark"] .ihv-grade-cycle[b-6g4n0qxqta] {
        color: rgba(255, 105, 165, 0.92);
    }

    .section-header[data-theme="dark"] .ihv-verdict-label--error[b-6g4n0qxqta] {
        color: #fca5a5;
    }

    .section-header[data-theme="dark"] .ihv-validation-prompt[b-6g4n0qxqta] {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(255, 255, 255, 0.10);
    }

    .section-header[data-theme="dark"] .ihv-validation-prompt-icon[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.55);
    }

    .section-header[data-theme="dark"] .ihv-validation-prompt-title[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.78);
    }

    .section-header[data-theme="dark"] .ihv-validation-prompt-text[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.55);
    }

    .section-header[data-theme="dark"] .ihv-validation-prompt-cta[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.65);
    }

        .section-header[data-theme="dark"] .ihv-validation-prompt-cta:hover[b-6g4n0qxqta] {
            color: rgba(245, 243, 238, 0.95);
        }

    .section-header[data-theme="dark"] .ihv-validation-prompt.tier-low[b-6g4n0qxqta] {
        background: rgba(217, 119, 6, 0.06);
        border-color: rgba(217, 119, 6, 0.20);
    }

        .section-header[data-theme="dark"] .ihv-validation-prompt.tier-low .ihv-validation-prompt-icon[b-6g4n0qxqta] {
            color: rgba(251, 191, 36, 0.65);
        }

    .section-header[data-theme="dark"] .ihv-validation-prompt.tier-medium[b-6g4n0qxqta] {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(255, 255, 255, 0.12);
    }

        .section-header[data-theme="dark"] .ihv-validation-prompt.tier-medium .ihv-validation-prompt-icon[b-6g4n0qxqta] {
            color: rgba(245, 243, 238, 0.55);
        }

    .section-header[data-theme="dark"] .ihv-validation-chip.tier-low[b-6g4n0qxqta] {
        background: rgba(217, 119, 6, 0.16);
        border-color: rgba(251, 191, 36, 0.40);
        color: rgba(251, 191, 36, 0.92);
    }

    .section-header[data-theme="dark"] .ihv-validation-chip.tier-medium[b-6g4n0qxqta] {
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.16);
        color: rgba(245, 243, 238, 0.78);
    }

    .section-header[data-theme="dark"] .ihv-validation-chip.tier-low:hover[b-6g4n0qxqta] {
        background: rgba(217, 119, 6, 0.24);
        border-color: rgba(251, 191, 36, 0.55);
    }

    .section-header[data-theme="dark"] .ihv-validation-chip.tier-medium:hover[b-6g4n0qxqta] {
        background: rgba(255, 255, 255, 0.12);
        border-color: rgba(255, 255, 255, 0.26);
    }

    .section-header[data-theme="dark"] .ihv-discuss-cta[b-6g4n0qxqta] {
        border-color: rgba(240, 12, 113, 0.40);
        color: #f9a8d4;
    }

        .section-header[data-theme="dark"] .ihv-discuss-cta:hover[b-6g4n0qxqta] {
            background: rgba(240, 12, 113, 0.12);
            border-color: rgba(240, 12, 113, 0.60);
            color: #fbcfe8;
        }

    .section-header[data-theme="dark"] .ihv-grade[b-6g4n0qxqta] {
        --tier-bg: rgba(255, 255, 255, 0.04);
        --tier-border: rgba(255, 255, 255, 0.10);
        background: var(--tier-bg);
        border-color: var(--tier-border);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 20px rgba(0, 0, 0, 0.30);
    }

    .section-header[data-theme="dark"] .ihv-grade-letter[b-6g4n0qxqta] {
        color: var(--accent);
    }

    .section-header[data-theme="dark"] .iv-empty-hero-sub[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.68);
    }

    .section-header[data-theme="dark"] .iv-empty-hero-arrow[b-6g4n0qxqta] {
        background: rgba(240, 12, 113, 0.14);
        border-color: rgba(240, 12, 113, 0.38);
        color: rgba(255, 105, 165, 0.95);
    }

    .section-header[data-theme="dark"] .ihv-grade-modifier[b-6g4n0qxqta] {
        color: rgba(255, 255, 255, 0.55);
    }

    .section-header[data-theme="dark"] .ihv-grade--running[b-6g4n0qxqta] {
        animation: ihvGradeRunningPulseDark-b-6g4n0qxqta 1.8s ease-in-out infinite;
    }

@keyframes ihvGradeRunningPulseDark-b-6g4n0qxqta {
    0%, 100% {
        background: rgba(240, 12, 113, 0.05);
        border-color: rgba(240, 12, 113, 0.40);
    }

    50% {
        background: rgba(240, 12, 113, 0.14);
        border-color: rgba(255, 105, 165, 0.80);
    }
}

.section-header[data-theme="dark"] .ihv-grade-score[b-6g4n0qxqta] {
    color: rgba(255, 255, 255, 0.65);
}

.section-header[data-theme="dark"] .ihv-score-unit[b-6g4n0qxqta] {
    color: rgba(255, 255, 255, 0.40);
}

.section-header[data-theme="dark"] .ihv-empty-dash[b-6g4n0qxqta] {
    color: rgba(255, 255, 255, 0.35);
}

.section-header[data-theme="dark"] .ihv-grade.tier-great[b-6g4n0qxqta] {
    --tier-bg: rgba(74, 222, 128, 0.14);
    --tier-border: rgba(74, 222, 128, 0.50);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 32px rgba(74, 222, 128, 0.26), 0 8px 20px rgba(0, 0, 0, 0.30);
}

    .section-header[data-theme="dark"] .ihv-grade.tier-great .ihv-grade-letter[b-6g4n0qxqta] {
        color: #86efac;
    }

.section-header[data-theme="dark"] .ihv-grade.tier-good[b-6g4n0qxqta] {
    --tier-bg: rgba(163, 230, 53, 0.14);
    --tier-border: rgba(163, 230, 53, 0.50);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 32px rgba(163, 230, 53, 0.24), 0 8px 20px rgba(0, 0, 0, 0.30);
}

    .section-header[data-theme="dark"] .ihv-grade.tier-good .ihv-grade-letter[b-6g4n0qxqta] {
        color: #bef264;
    }

.section-header[data-theme="dark"] .ihv-grade.tier-moderate[b-6g4n0qxqta] {
    --tier-bg: rgba(251, 146, 60, 0.14);
    --tier-border: rgba(251, 146, 60, 0.50);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 32px rgba(251, 146, 60, 0.26), 0 8px 20px rgba(0, 0, 0, 0.30);
}

    .section-header[data-theme="dark"] .ihv-grade.tier-moderate .ihv-grade-letter[b-6g4n0qxqta] {
        color: #fdba74;
    }

.section-header[data-theme="dark"] .ihv-grade.tier-poor[b-6g4n0qxqta] {
    --tier-bg: rgba(248, 113, 113, 0.14);
    --tier-border: rgba(248, 113, 113, 0.50);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 32px rgba(248, 113, 113, 0.26), 0 8px 20px rgba(0, 0, 0, 0.30);
}

    .section-header[data-theme="dark"] .ihv-grade.tier-poor .ihv-grade-letter[b-6g4n0qxqta] {
        color: #fca5a5;
    }

.section-header[data-theme="dark"] .ih-meta-strip[b-6g4n0qxqta] {
    color: rgba(255, 255, 255, 0.55);
}

.section-header[data-theme="dark"] .ih-meta-strip-item[b-6g4n0qxqta] {
    color: rgba(255, 255, 255, 0.55);
}

    .section-header[data-theme="dark"] .ih-meta-strip-item i[b-6g4n0qxqta] {
        color: rgba(255, 255, 255, 0.35);
    }

.section-header[data-theme="dark"] .ih-meta-strip-sep[b-6g4n0qxqta] {
    color: rgba(255, 255, 255, 0.20);
}

.section-header[data-theme="dark"] ~ .section-tabs[b-6g4n0qxqta],
.section-header[data-theme="dark"] ~ .section-assessment[b-6g4n0qxqta],
.section-header[data-theme="dark"] ~ .section-elements[b-6g4n0qxqta],
.section-header[data-theme="dark"] ~ .section-personas[b-6g4n0qxqta],
.section-header[data-theme="dark"] ~ .section-market-outlook[b-6g4n0qxqta],
.section-header[data-theme="dark"] ~ .section-competitive[b-6g4n0qxqta] {
    background: #ffffff;
}

.section-header[data-theme="dark"] .sh-coach-back--header[b-6g4n0qxqta] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.14);
    color: rgba(245, 243, 238, 0.78);
}

    .section-header[data-theme="dark"] .sh-coach-back--header strong[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.95);
    }

    .section-header[data-theme="dark"] .sh-coach-back--header i[b-6g4n0qxqta] {
        color: rgba(255, 105, 165, 0.92);
    }

.section-header[data-theme="dark"] .ih-tabrail[b-6g4n0qxqta] {
    border-top: none;
}

.section-header[data-theme="dark"] .iv-pill[b-6g4n0qxqta] {
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    box-shadow: none;
    padding: 0.95rem 1rem 0.6rem;
}

    .section-header[data-theme="dark"] .iv-pill:hover:not(.is-active)[b-6g4n0qxqta] {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.20);
        box-shadow: none;
    }

    .section-header[data-theme="dark"] .iv-pill .iv-pill-icon[b-6g4n0qxqta] {
        background: rgba(255, 255, 255, 0.10);
        color: rgba(255, 255, 255, 0.85);
    }

    .section-header[data-theme="dark"] .iv-pill.is-active[b-6g4n0qxqta] {
        background: #ffffff;
        color: var(--ink);
        border: 1px solid transparent;
        border-bottom: none;
        border-radius: 10px 10px 0 0;
        box-shadow: none;
    }

        .section-header[data-theme="dark"] .iv-pill.is-active:hover[b-6g4n0qxqta] {
            background: #ffffff;
            color: var(--ink);
        }

        .section-header[data-theme="dark"] .iv-pill.is-active .iv-pill-icon[b-6g4n0qxqta] {
            background: rgba(15, 23, 42, 0.06);
            color: var(--ink);
        }

    .section-header[data-theme="dark"] .iv-pill:not(.is-active) .iv-pill-status--idle[b-6g4n0qxqta] {
        border-color: rgba(255, 255, 255, 0.45);
        opacity: 0.9;
    }

    .section-header[data-theme="dark"] .iv-pill.is-active .iv-pill-status--idle[b-6g4n0qxqta] {
        border-color: var(--ink-6);
        opacity: 0.75;
    }

.section-header[data-theme="dark"][b-6g4n0qxqta] {
    margin: 0;
    width: 100%;
    border: none;
    border-radius: 16px 16px 0 0;
    background: #f8f6f1;
    color: var(--ink);
    box-shadow: 0 6px 18px -14px rgba(40, 34, 24, 0.18);
}

    .section-header[data-theme="dark"][b-6g4n0qxqta]::before {
        display: none;
    }

    .section-header[data-theme="dark"] .ihv-title[b-6g4n0qxqta] {
        color: var(--ink);
    }

        .section-header[data-theme="dark"] .ihv-title.is-placeholder[b-6g4n0qxqta] {
            color: var(--ink-5);
        }

    .section-header[data-theme="dark"] .ihv-codename[b-6g4n0qxqta] {
        background: rgba(15, 23, 42, 0.06);
        border-color: rgba(15, 23, 42, 0.16);
        color: var(--ink-1);
    }

        .section-header[data-theme="dark"] .ihv-codename i[b-6g4n0qxqta] {
            color: var(--ink-5);
        }

        .section-header[data-theme="dark"] .ihv-codename.is-untitled[b-6g4n0qxqta] {
            background: transparent;
            border-color: rgba(15, 23, 42, 0.14);
            color: var(--ink-5);
        }

    .section-header[data-theme="dark"] .ih-meta-strip[b-6g4n0qxqta],
    .section-header[data-theme="dark"] .ih-meta-strip-item[b-6g4n0qxqta] {
        color: var(--ink-5);
    }

        .section-header[data-theme="dark"] .ih-meta-strip-item i[b-6g4n0qxqta] {
            color: var(--ink-6);
        }

    .section-header[data-theme="dark"] .ih-meta-strip-sep[b-6g4n0qxqta] {
        color: var(--ink-7);
    }

    .section-header[data-theme="dark"] .iv-empty-hero-sub[b-6g4n0qxqta] {
        color: var(--ink-5);
    }

    .section-header[data-theme="dark"] .iv-empty-hero-arrow[b-6g4n0qxqta] {
        background: rgba(240, 12, 113, 0.08);
        border-color: rgba(240, 12, 113, 0.30);
        color: var(--accent);
    }

    .section-header[data-theme="dark"] .ih-verdict-panel[b-6g4n0qxqta] {
        --vp-top: #ffffff;
        --vp-bot: #ffffff;
        --vp-edge: rgba(40, 34, 24, 0.10);
        position: relative;
        container-type: inline-size;
        background: linear-gradient(180deg, var(--vp-top) 0%, var(--vp-bot) 100%);
        border: 1px solid var(--vp-edge);
        border-radius: 16px;
        padding: 1.1rem 1.35rem;
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(40, 34, 24, 0.05), 0 14px 34px -24px rgba(40, 34, 24, 0.16);
        transition: background 0.18s ease, border-color 0.18s ease;
    }

        .section-header[data-theme="dark"] .ih-verdict-panel.state-graded[b-6g4n0qxqta],
        .section-header[data-theme="dark"] .ih-verdict-panel.state-error[b-6g4n0qxqta] {
            margin: 0;
            padding: 1.1rem 1.35rem;
            border-radius: 16px;
        }

            .section-header[data-theme="dark"] .ih-verdict-panel.state-graded:hover[b-6g4n0qxqta],
            .section-header[data-theme="dark"] .ih-verdict-panel.state-error:hover[b-6g4n0qxqta] {
                background: linear-gradient(180deg, color-mix(in srgb, var(--vp-top) 88%, #ffffff) 0%, color-mix(in srgb, var(--vp-bot) 89%, #ffffff) 100%);
            }

        .section-header[data-theme="dark"] .ih-verdict-panel:focus-visible[b-6g4n0qxqta] {
            outline: 2px solid rgba(240, 12, 113, 0.55);
            outline-offset: 3px;
            border-radius: 16px;
        }

.ih-avatar[b-6g4n0qxqta] {
    --ih-av-size: 24px;
    --ih-av-ring: #ffffff;
    flex: 0 0 auto;
    width: var(--ih-av-size);
    height: var(--ih-av-size);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font);
    font-size: 10.5px;
    font-weight: var(--font-weight-medium);
    line-height: 1;
    background-color: #CECBF6;
    color: #3C3489;
    background-size: cover;
    background-position: center;
    border: 2px solid var(--ih-av-ring);
    user-select: none;
}

.ih-owner-avatar[b-6g4n0qxqta] {
    --ih-av-size: 26px;
    --ih-av-ring: #ffffff;
    cursor: default;
}

.ihv-evaluators[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
}

    .ihv-evaluators .ih-avatar[b-6g4n0qxqta] {
        --ih-av-ring: #ffffff;
        margin-left: -8px;
    }

        .ihv-evaluators .ih-avatar:first-child[b-6g4n0qxqta] {
            margin-left: 0;
        }

.ihv-evaluator-line[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    gap: 0.5625rem;
    font-size: 0.78rem;
    color: rgba(15, 23, 42, 0.55);
}

.ihv-strengthen[b-6g4n0qxqta] {
    appearance: none;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    white-space: nowrap;
    font-family: var(--font);
    font-size: 0.78rem;
    color: rgba(249, 168, 212, 0.85);
}

    .ihv-strengthen:hover[b-6g4n0qxqta] {
        color: #fbcfe8;
    }

.ihv-enlist-cta[b-6g4n0qxqta] {
    appearance: none;
    cursor: pointer;
    white-space: nowrap;
    font-family: var(--font);
    font-size: 0.82rem;
    font-weight: var(--font-weight-medium);
    color: rgba(15, 23, 42, 0.82);
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 10px;
    padding: 0.5rem 0.875rem;
}

    .ihv-enlist-cta:hover[b-6g4n0qxqta] {
        background: rgba(240, 12, 113, 0.08);
        border-color: rgba(240, 12, 113, 0.40);
        color: var(--accent);
    }

.section-header[data-theme="dark"] .iv-pill[b-6g4n0qxqta] {
    background: #ece7de;
    color: var(--ink-3);
    border: 1px solid rgba(40, 34, 24, 0.12);
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    box-shadow: none;
    padding: 0.8rem 1rem 0.7rem;
}

    .section-header[data-theme="dark"] .iv-pill:hover:not(.is-active)[b-6g4n0qxqta] {
        background: #e3ddd1;
        color: var(--ink);
        border-color: rgba(40, 34, 24, 0.20);
        box-shadow: none;
    }

    .section-header[data-theme="dark"] .iv-pill .iv-pill-icon[b-6g4n0qxqta] {
        position: relative;
        background: rgba(15, 23, 42, 0.05);
        color: var(--ink-3);
    }

    .section-header[data-theme="dark"] .iv-pill.is-active[b-6g4n0qxqta] {
        background: #ffffff;
        color: var(--ink);
        border: 1px solid transparent;
        border-bottom: none;
        border-radius: 10px 10px 0 0;
        box-shadow: none;
    }

        .section-header[data-theme="dark"] .iv-pill.is-active:hover[b-6g4n0qxqta] {
            background: #ffffff;
            color: var(--ink);
        }

        .section-header[data-theme="dark"] .iv-pill.is-active .iv-pill-icon[b-6g4n0qxqta] {
            background: rgba(15, 23, 42, 0.06);
            color: var(--ink);
        }

.section-header[data-theme="dark"] .iv-pill-status[b-6g4n0qxqta] {
    display: none;
}

.section-header[data-theme="dark"] .iv-pill:has(.iv-pill-status--done) .iv-pill-icon[b-6g4n0qxqta] {
    background: #EAF3DE;
    color: #3B6D11;
}

.section-header[data-theme="dark"] .iv-pill.is-active:has(.iv-pill-status--done) .iv-pill-icon[b-6g4n0qxqta] {
    background: #EAF3DE;
    color: #3B6D11;
}

.section-header[data-theme="dark"] .iv-pill:has(.iv-pill-status--running) .iv-pill-icon[b-6g4n0qxqta] {
    color: var(--accent);
}

    .section-header[data-theme="dark"] .iv-pill:has(.iv-pill-status--running) .iv-pill-icon[b-6g4n0qxqta]::after {
        content: "";
        position: absolute;
        inset: -3px;
        border-radius: inherit;
        border: 1.5px solid rgba(240, 12, 113, 0.22);
        border-top-color: var(--accent);
        animation: ivPillSpin-b-6g4n0qxqta 0.9s linear infinite;
    }

@keyframes ivPillSpin-b-6g4n0qxqta {
    to {
        transform: rotate(360deg);
    }
}

.section-header[data-theme="dark"] .iv-pill:has(.iv-pill-status--stale) .iv-pill-icon[b-6g4n0qxqta] {
    opacity: 0.6;
}

    .section-header[data-theme="dark"] .iv-pill:has(.iv-pill-status--stale) .iv-pill-icon[b-6g4n0qxqta]::after {
        content: "";
        position: absolute;
        top: -2px;
        right: -2px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #BA7517;
        border: 1.5px solid #ffffff;
    }

.section-header[data-theme="dark"] .iv-pill:has(.iv-pill-status--failed) .iv-pill-icon[b-6g4n0qxqta] {
    background: #FCEBEB;
    color: #A32D2D;
}

.section-header[data-theme="dark"] .ihv-cols[b-6g4n0qxqta] {
    display: flex;
    align-items: stretch;
}

.section-header[data-theme="dark"] .ihv-crux[b-6g4n0qxqta] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

    .section-header[data-theme="dark"] .ihv-crux i[b-6g4n0qxqta] {
        flex: 0 0 auto;
        margin-top: 0.15rem;
        font-size: 0.9rem;
        color: rgba(15, 23, 42, 0.42);
    }

    .section-header[data-theme="dark"] .ihv-crux p[b-6g4n0qxqta] {
        margin: 0;
        font-size: 0.85rem;
        line-height: 1.5;
        color: rgba(15, 23, 42, 0.72);
    }

.section-header[data-theme="dark"] .ihv-conf-line[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    gap: 0.4375rem;
    font-size: 0.8rem;
    color: rgba(15, 23, 42, 0.72);
}

.section-header[data-theme="dark"] .ihv-conf-dot[b-6g4n0qxqta] {
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.30);
}

.section-header[data-theme="dark"] .ihv-conf-dot--low[b-6g4n0qxqta] {
    background: #D85A30;
}

.section-header[data-theme="dark"] .ihv-conf-dot--medium[b-6g4n0qxqta] {
    background: #EF9F27;
}

.section-header[data-theme="dark"] .ihv-conf-dot--high[b-6g4n0qxqta] {
    background: #639922;
}

.section-header[data-theme="dark"] .ihv-evaluators-row[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-header[data-theme="dark"] .ihv-eval-count[b-6g4n0qxqta] {
    font-size: 0.8rem;
    color: rgba(15, 23, 42, 0.50);
}

.section-header[data-theme="dark"] .ihv-strengthen[b-6g4n0qxqta] {
    align-self: center;
    margin-left: auto;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 9px;
    padding: 0.4rem 0.8rem;
    font-weight: var(--font-weight-medium);
    color: rgba(15, 23, 42, 0.82);
}

    .section-header[data-theme="dark"] .ihv-strengthen:hover[b-6g4n0qxqta] {
        background: rgba(240, 12, 113, 0.06);
        border-color: rgba(240, 12, 113, 0.38);
        color: var(--accent);
    }

.section-header[data-theme="dark"] .ihv-grade[b-6g4n0qxqta] {
    --tier-bg: rgba(15, 23, 42, 0.04);
    --tier-border: rgba(15, 23, 42, 0.14);
    background: var(--tier-bg);
    border-color: var(--tier-border);
    box-shadow: 0 5px 14px -9px rgba(15, 23, 42, 0.30);
}

.section-header[data-theme="dark"] .ihv-grade-letter[b-6g4n0qxqta],
.section-header[data-theme="dark"] .ihv-grade-score[b-6g4n0qxqta],
.section-header[data-theme="dark"] .ihv-grade-modifier[b-6g4n0qxqta] {
    color: var(--tier-fg);
}

.section-header[data-theme="dark"] .ihv-grade.tier-great[b-6g4n0qxqta] {
    --tier-bg: color-mix(in srgb, #16a34a 22%, #ffffff);
    --tier-border: rgba(22, 163, 74, 0.42);
    box-shadow: 0 6px 16px -10px rgba(22, 163, 74, 0.45);
}

    .section-header[data-theme="dark"] .ihv-grade.tier-great .ihv-grade-letter[b-6g4n0qxqta] {
        color: var(--tier-fg);
    }

.section-header[data-theme="dark"] .ihv-grade.tier-good[b-6g4n0qxqta] {
    --tier-bg: color-mix(in srgb, #65a30d 22%, #ffffff);
    --tier-border: rgba(101, 163, 13, 0.42);
    box-shadow: 0 6px 16px -10px rgba(101, 163, 13, 0.42);
}

    .section-header[data-theme="dark"] .ihv-grade.tier-good .ihv-grade-letter[b-6g4n0qxqta] {
        color: var(--tier-fg);
    }

.section-header[data-theme="dark"] .ihv-grade.tier-moderate[b-6g4n0qxqta] {
    --tier-bg: color-mix(in srgb, #ea580c 22%, #ffffff);
    --tier-border: rgba(234, 88, 12, 0.42);
    box-shadow: 0 6px 16px -10px rgba(234, 88, 12, 0.48);
}

    .section-header[data-theme="dark"] .ihv-grade.tier-moderate .ihv-grade-letter[b-6g4n0qxqta] {
        color: var(--tier-fg);
    }

.section-header[data-theme="dark"] .ihv-grade.tier-poor[b-6g4n0qxqta] {
    --tier-bg: color-mix(in srgb, #dc2626 20%, #ffffff);
    --tier-border: rgba(220, 38, 38, 0.42);
    box-shadow: 0 6px 16px -10px rgba(220, 38, 38, 0.45);
}

    .section-header[data-theme="dark"] .ihv-grade.tier-poor .ihv-grade-letter[b-6g4n0qxqta] {
        color: var(--tier-fg);
    }

.section-header[data-theme="dark"] .ihv-grade--running[b-6g4n0qxqta] {
    animation: ihvGradeRunningPulse-b-6g4n0qxqta 1.8s ease-in-out infinite;
}

.section-header[data-theme="dark"] .ihv-grade-cycle[b-6g4n0qxqta] {
    color: rgba(240, 12, 113, 0.85);
}

.section-header[data-theme="dark"] .ihv-headline-row[b-6g4n0qxqta] {
    border-top-color: rgba(15, 23, 42, 0.08);
}

.section-header[data-theme="dark"] .ihv-verdict-label[b-6g4n0qxqta] {
    color: rgba(15, 23, 42, 0.82);
}

.section-header[data-theme="dark"] .ihv-verdict-label--muted[b-6g4n0qxqta] {
    color: rgba(15, 23, 42, 0.50);
}

.section-header[data-theme="dark"] .ihv-verdict-label--awaiting[b-6g4n0qxqta] {
    color: rgba(15, 23, 42, 0.72);
}

.section-header[data-theme="dark"] .ihv-verdict-label--error[b-6g4n0qxqta] {
    color: rgba(220, 38, 38, 0.85);
}

.section-header[data-theme="dark"] .ih-verdict-panel:has(.ihv-grade.tier-great)[b-6g4n0qxqta] {
    --vp-top: color-mix(in srgb, #16a34a 6%, #ffffff);
    --vp-bot: color-mix(in srgb, #16a34a 4%, #ffffff);
    --vp-edge: rgba(22, 163, 74, 0.22);
}

.section-header[data-theme="dark"] .ih-verdict-panel:has(.ihv-grade.tier-good)[b-6g4n0qxqta] {
    --vp-top: color-mix(in srgb, #65a30d 6%, #ffffff);
    --vp-bot: color-mix(in srgb, #65a30d 4%, #ffffff);
    --vp-edge: rgba(101, 163, 13, 0.22);
}

.section-header[data-theme="dark"] .ih-verdict-panel:has(.ihv-grade.tier-moderate)[b-6g4n0qxqta] {
    --vp-top: color-mix(in srgb, #ea580c 6%, #ffffff);
    --vp-bot: color-mix(in srgb, #ea580c 4%, #ffffff);
    --vp-edge: rgba(234, 88, 12, 0.22);
}

.section-header[data-theme="dark"] .ih-verdict-panel:has(.ihv-grade.tier-poor)[b-6g4n0qxqta] {
    --vp-top: color-mix(in srgb, #dc2626 4%, #ffffff);
    --vp-bot: color-mix(in srgb, #dc2626 3%, #ffffff);
    --vp-edge: rgba(220, 38, 38, 0.16);
}

.section-header[data-theme="dark"].iv-dark[b-6g4n0qxqta] {
    background: linear-gradient(180deg, #1a212c 0%, #0e131b 100%);
    color: rgba(245, 243, 238, 0.92);
    box-shadow: none;
}

    .section-header[data-theme="dark"].iv-dark .ih-title[b-6g4n0qxqta] {
        color: #f6f4ef;
    }

        .section-header[data-theme="dark"].iv-dark .ih-title.is-placeholder[b-6g4n0qxqta] {
            color: rgba(245, 243, 238, 0.5);
        }

    .section-header[data-theme="dark"].iv-dark .ih-meta-strip[b-6g4n0qxqta],
    .section-header[data-theme="dark"].iv-dark .ih-meta-strip-item[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.62);
    }

        .section-header[data-theme="dark"].iv-dark .ih-meta-strip-item i[b-6g4n0qxqta] {
            color: rgba(245, 243, 238, 0.5);
        }

    .section-header[data-theme="dark"].iv-dark .ih-meta-strip-sep[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.32);
    }

    .section-header[data-theme="dark"].iv-dark .ih-owner-avatar[b-6g4n0qxqta] {
        --ih-av-ring: #1a212c;
    }

    .section-header[data-theme="dark"].iv-dark .ihv-codename[b-6g4n0qxqta] {
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.16);
        color: rgba(245, 243, 238, 0.96);
    }

        .section-header[data-theme="dark"].iv-dark .ihv-codename i[b-6g4n0qxqta] {
            color: rgba(245, 243, 238, 0.72);
        }

    .section-header[data-theme="dark"].iv-dark .ih-verdict-panel[b-6g4n0qxqta] {
        --vp-top: #191f29;
        --vp-bot: #191f29;
        --vp-edge: rgba(255, 255, 255, 0.08);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 20px 44px -30px rgba(0, 0, 0, 0.7);
    }

        .section-header[data-theme="dark"].iv-dark .ih-verdict-panel:has(.ihv-grade.tier-great)[b-6g4n0qxqta],
        .section-header[data-theme="dark"].iv-dark .ih-verdict-panel:has(.ihv-grade.tier-good)[b-6g4n0qxqta],
        .section-header[data-theme="dark"].iv-dark .ih-verdict-panel:has(.ihv-grade.tier-moderate)[b-6g4n0qxqta],
        .section-header[data-theme="dark"].iv-dark .ih-verdict-panel:has(.ihv-grade.tier-poor)[b-6g4n0qxqta] {
            --vp-top: #191f29;
            --vp-bot: #191f29;
            --vp-edge: rgba(255, 255, 255, 0.08);
        }

    .section-header[data-theme="dark"].iv-dark .ihv-grade[b-6g4n0qxqta] {
        --tier-bg: rgba(255, 255, 255, 0.04);
        --tier-border: rgba(255, 255, 255, 0.10);
        background: var(--tier-bg);
        border-color: var(--tier-border);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 20px rgba(0, 0, 0, 0.30);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-grade-letter[b-6g4n0qxqta] {
        color: var(--accent);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-grade-score[b-6g4n0qxqta] {
        color: rgba(255, 255, 255, 0.65);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-grade-modifier[b-6g4n0qxqta] {
        color: rgba(255, 255, 255, 0.55);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-grade.tier-great[b-6g4n0qxqta] {
        --tier-bg: rgba(74, 222, 128, 0.14);
        --tier-border: rgba(74, 222, 128, 0.50);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 32px rgba(74, 222, 128, 0.26), 0 8px 20px rgba(0, 0, 0, 0.30);
    }

        .section-header[data-theme="dark"].iv-dark .ihv-grade.tier-great .ihv-grade-letter[b-6g4n0qxqta] {
            color: #86efac;
        }

    .section-header[data-theme="dark"].iv-dark .ihv-grade.tier-good[b-6g4n0qxqta] {
        --tier-bg: rgba(163, 230, 53, 0.14);
        --tier-border: rgba(163, 230, 53, 0.50);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 32px rgba(163, 230, 53, 0.24), 0 8px 20px rgba(0, 0, 0, 0.30);
    }

        .section-header[data-theme="dark"].iv-dark .ihv-grade.tier-good .ihv-grade-letter[b-6g4n0qxqta] {
            color: #bef264;
        }

    .section-header[data-theme="dark"].iv-dark .ihv-grade.tier-moderate[b-6g4n0qxqta] {
        --tier-bg: rgba(251, 146, 60, 0.14);
        --tier-border: rgba(251, 146, 60, 0.50);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 32px rgba(251, 146, 60, 0.26), 0 8px 20px rgba(0, 0, 0, 0.30);
    }

        .section-header[data-theme="dark"].iv-dark .ihv-grade.tier-moderate .ihv-grade-letter[b-6g4n0qxqta] {
            color: #fdba74;
        }

    .section-header[data-theme="dark"].iv-dark .ihv-grade.tier-poor[b-6g4n0qxqta] {
        --tier-bg: rgba(248, 113, 113, 0.14);
        --tier-border: rgba(248, 113, 113, 0.50);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 32px rgba(248, 113, 113, 0.26), 0 8px 20px rgba(0, 0, 0, 0.30);
    }

        .section-header[data-theme="dark"].iv-dark .ihv-grade.tier-poor .ihv-grade-letter[b-6g4n0qxqta] {
            color: #fca5a5;
        }

    .section-header[data-theme="dark"].iv-dark .ihv-verdict-label[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.92);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-verdict-label--muted[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.55);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-verdict-label--awaiting[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.72);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-verdict-label--error[b-6g4n0qxqta] {
        color: rgba(248, 113, 113, 0.9);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-headline-row[b-6g4n0qxqta] {
        border-top-color: rgba(255, 255, 255, 0.08);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-crux i[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.5);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-crux p[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.78);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-conf-line[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.8);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-conf-dot[b-6g4n0qxqta] {
        background: rgba(255, 255, 255, 0.4);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-conf-dot--low[b-6g4n0qxqta] {
        background: #fb923c;
    }

    .section-header[data-theme="dark"].iv-dark .ihv-conf-dot--medium[b-6g4n0qxqta] {
        background: #fbbf24;
    }

    .section-header[data-theme="dark"].iv-dark .ihv-conf-dot--high[b-6g4n0qxqta] {
        background: #86efac;
    }

    .section-header[data-theme="dark"].iv-dark .ihv-eval-count[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.55);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-evaluator-line[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.62);
    }

    .section-header[data-theme="dark"].iv-dark .ihv-evaluators .ih-avatar[b-6g4n0qxqta] {
        --ih-av-ring: #191f29;
    }

    .section-header[data-theme="dark"].iv-dark .ihv-strengthen[b-6g4n0qxqta] {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(255, 255, 255, 0.18);
        color: rgba(245, 243, 238, 0.9);
    }

        .section-header[data-theme="dark"].iv-dark .ihv-strengthen:hover[b-6g4n0qxqta] {
            background: rgba(240, 12, 113, 0.16);
            border-color: rgba(240, 12, 113, 0.5);
            color: #fbcfe8;
        }

    .section-header[data-theme="dark"].iv-dark .ihv-enlist-cta[b-6g4n0qxqta] {
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.18);
        color: rgba(245, 243, 238, 0.9);
    }

        .section-header[data-theme="dark"].iv-dark .ihv-enlist-cta:hover[b-6g4n0qxqta] {
            background: rgba(240, 12, 113, 0.18);
            border-color: rgba(240, 12, 113, 0.55);
            color: #fbcfe8;
        }

    .section-header[data-theme="dark"].iv-dark .iv-pill:not(.is-active)[b-6g4n0qxqta] {
        background: #1c2230;
        color: rgba(245, 243, 238, 0.6);
        border-color: rgba(255, 255, 255, 0.08);
    }

    .section-header[data-theme="dark"].iv-dark .iv-pill:hover:not(.is-active)[b-6g4n0qxqta] {
        background: #232b3b;
        color: rgba(245, 243, 238, 0.85);
        border-color: rgba(255, 255, 255, 0.14);
    }

    .section-header[data-theme="dark"].iv-dark .iv-pill:not(.is-active) .iv-pill-icon[b-6g4n0qxqta] {
        background: rgba(255, 255, 255, 0.08);
        color: rgba(245, 243, 238, 0.7);
    }

@container (max-width: 780px) {
    .section-header[data-theme="dark"] .ihv-cols[b-6g4n0qxqta] {
        flex-wrap: wrap;
        row-gap: 1.25rem;
    }

    .section-header[data-theme="dark"] .ihv-col-score[b-6g4n0qxqta] {
        padding-right: 1rem;
    }

    .section-header[data-theme="dark"] .ihv-col-main[b-6g4n0qxqta] {
        padding: 0 0 0 1rem;
    }

    .section-header[data-theme="dark"] .ihv-col-meta[b-6g4n0qxqta] {
        flex-basis: 100%;
        padding-left: 0;
    }

        .section-header[data-theme="dark"] .ihv-col-meta[b-6g4n0qxqta]::before {
            display: none;
        }
}

.section-header[data-theme="dark"] .ihv-strengthen--locked[b-6g4n0qxqta] {
    opacity: 0.72;
}

    .section-header[data-theme="dark"] .ihv-strengthen--locked i[b-6g4n0qxqta] {
        margin-right: 0.35rem;
        font-size: 0.8em;
        opacity: 0.85;
    }

.section-header[data-theme="dark"].iv-dark .iv-empty-hero-title[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.97);
}

.section-header[data-theme="dark"].iv-dark .iv-empty-hero-sub[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.72);
}

.section-header[data-theme="dark"].iv-dark .iv-empty-hero-arrow[b-6g4n0qxqta] {
    background: rgba(240, 12, 113, 0.16);
    border-color: rgba(240, 12, 113, 0.45);
    color: rgba(255, 105, 165, 0.95);
}

.section-header[data-theme="dark"].iv-dark .ih-title.is-placeholder[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.85);
}

.section-header[data-theme="dark"].iv-dark .ihv-grade.tier-good[b-6g4n0qxqta] {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 20px rgba(0, 0, 0, 0.30);
}

.section-header[data-theme="dark"].iv-dark .ihv-grade.tier-moderate[b-6g4n0qxqta] {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 20px rgba(0, 0, 0, 0.30);
}

.section-header[data-theme="dark"].iv-dark .ihv-grade.tier-poor[b-6g4n0qxqta] {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 20px rgba(0, 0, 0, 0.30);
}

.section-header[data-theme="dark"].iv-dark .ihv-strengthen[b-6g4n0qxqta] {
    background: rgba(240, 12, 113, 0.16);
    border-color: rgba(240, 12, 113, 0.50);
    color: rgba(255, 105, 165, 0.95);
}

    .section-header[data-theme="dark"].iv-dark .ihv-strengthen:hover[b-6g4n0qxqta] {
        background: linear-gradient(135deg, #ec4899, #db2777);
        border-color: #db2777;
        color: #ffffff;
        box-shadow: 0 3px 12px rgba(236, 72, 153, 0.35);
    }

.section-header[data-theme="dark"].iv-dark .ihv-strengthen--locked[b-6g4n0qxqta] {
    opacity: 1;
}

.ihv-crux[b-6g4n0qxqta] {
    max-width: 88ch;
}

.section-header[data-theme="dark"].iv-dark .ihv-eval-count[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.66);
    font-weight: var(--font-weight-medium);
}

.section-header[data-theme="dark"].iv-dark .ihv-codename[b-6g4n0qxqta] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.10);
    color: rgba(245, 243, 238, 0.78);
}

    .section-header[data-theme="dark"].iv-dark .ihv-codename i[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.52);
    }

.ih-meta-strip-item--owner[b-6g4n0qxqta] {
    position: relative;
    cursor: default;
}

.ih-meta-tip[b-6g4n0qxqta] {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translate(-50%, -4px);
    width: max-content;
    max-width: min(300px, calc(100vw - 2rem));
    padding: 0.375rem 0.625rem;
    background: #0a0a0c;
    border: 1px solid rgba(245, 243, 238, 0.20);
    border-radius: 8px;
    color: rgba(245, 243, 238, 0.92);
    font-family: var(--font);
    font-size: 0.75rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.45;
    letter-spacing: 0;
    text-transform: none;
    text-align: center;
    white-space: normal;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease;
    z-index: 60;
    box-shadow: 0 12px 28px -10px rgba(0, 0, 0, 0.6);
}

.ih-meta-strip-item:hover > .ih-meta-tip[b-6g4n0qxqta],
.ih-meta-strip-item:focus-within > .ih-meta-tip[b-6g4n0qxqta] {
    opacity: 1;
    transform: translate(-50%, 0);
}

.ih-meta-owner-name[b-6g4n0qxqta] {
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: var(--font-weight-medium);
}

.section-header[data-theme="dark"].iv-dark .ih-meta-owner-name[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.72);
}

.section-header[data-theme="dark"] .ih-verdict-panel[b-6g4n0qxqta] {
    overflow: visible;
}

.section-header[data-theme="dark"] .ihv-readout-line[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-width: 0;
}

.section-header[data-theme="dark"] .ihv-readout-sep[b-6g4n0qxqta] {
    color: rgba(15, 23, 42, 0.30);
    user-select: none;
}

.section-header[data-theme="dark"].iv-dark .ihv-readout-sep[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.30);
}

.section-header[data-theme="dark"] .ihv-review-note[b-6g4n0qxqta] {
    font-family: var(--font);
    font-size: 0.75rem;
    line-height: 1.5;
    padding: 0.5rem 0.625rem;
    border-left: 3px solid rgba(224, 68, 124, 0.75);
    border-radius: 6px;
    background: rgba(224, 68, 124, 0.06);
    color: rgba(15, 23, 42, 0.78);
}

.section-header[data-theme="dark"].iv-dark .ihv-review-note[b-6g4n0qxqta] {
    background: rgba(224, 68, 124, 0.12);
    border-left-color: rgba(255, 105, 165, 0.75);
    color: rgba(245, 243, 238, 0.85);
}

@container (max-width: 780px) {
    .ihv-headline-info .ih-tooltip[b-6g4n0qxqta] {
        left: 1rem;
        right: 0;
    }
}

@media (max-width: 640px) {
    .ih-meta-tip[b-6g4n0qxqta] {
        left: 0;
        transform: translate(0, -4px);
    }

    .ih-meta-strip-item:hover > .ih-meta-tip[b-6g4n0qxqta],
    .ih-meta-strip-item:focus-within > .ih-meta-tip[b-6g4n0qxqta] {
        transform: translate(0, 0);
    }
}

.ih-metabar-tools[b-6g4n0qxqta] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.section-header[data-theme="dark"] .ihv-invite-cta[b-6g4n0qxqta] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 0.4375rem;
    cursor: pointer;
    white-space: nowrap;
    font-family: var(--font);
    font-size: 0.8125rem;
    font-weight: var(--font-weight-semibold);
    background: linear-gradient(135deg, #ec4899, #db2777);
    border: 1px solid #db2777;
    border-radius: 10px;
    padding: 0.5625rem 0.875rem;
    color: #ffffff;
    box-shadow: 0 2px 10px rgba(236, 72, 153, 0.22);
    transition: box-shadow 0.18s ease, transform 0.18s ease, opacity 0.18s ease;
}

    .section-header[data-theme="dark"] .ihv-invite-cta i[b-6g4n0qxqta] {
        font-size: 0.7em;
        opacity: 0.9;
    }

    .section-header[data-theme="dark"] .ihv-invite-cta:hover:not(:disabled)[b-6g4n0qxqta] {
        box-shadow: 0 4px 16px rgba(236, 72, 153, 0.38);
        transform: translateY(-1px);
    }

    .section-header[data-theme="dark"] .ihv-invite-cta:disabled[b-6g4n0qxqta] {
        cursor: default;
        opacity: 0.7;
        box-shadow: none;
    }

.section-header[data-theme="dark"] .ihv-teameval[b-6g4n0qxqta] {
    appearance: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0.5rem;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0.125rem 0;
    font-family: var(--font);
    font-size: 0.78rem;
    font-weight: var(--font-weight-medium);
    color: rgba(15, 23, 42, 0.66);
    transition: color 0.18s ease;
}

    .section-header[data-theme="dark"] .ihv-teameval:hover[b-6g4n0qxqta] {
        color: rgba(15, 23, 42, 0.92);
    }

    .section-header[data-theme="dark"] .ihv-teameval i[b-6g4n0qxqta] {
        font-size: 0.625rem;
        opacity: 0.8;
    }

.section-header[data-theme="dark"] .ihv-teameval-label[b-6g4n0qxqta] {
    margin-right: auto;
}

.section-header[data-theme="dark"] .ihv-teameval-switch[b-6g4n0qxqta] {
    position: relative;
    flex: 0 0 auto;
    width: 30px;
    height: 16px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.30);
    background: transparent;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.section-header[data-theme="dark"] .ihv-teameval-thumb[b-6g4n0qxqta] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.45);
    transition: transform 0.18s ease, background 0.18s ease;
}

.section-header[data-theme="dark"] .ihv-teameval[aria-checked="true"] .ihv-teameval-switch[b-6g4n0qxqta] {
    background: rgba(15, 23, 42, 0.78);
    border-color: rgba(15, 23, 42, 0.78);
}

.section-header[data-theme="dark"] .ihv-teameval[aria-checked="true"] .ihv-teameval-thumb[b-6g4n0qxqta] {
    background: #ffffff;
    transform: translateX(14px);
}

.section-header[data-theme="dark"] .ihv-teameval--locked[b-6g4n0qxqta] {
    color: rgba(15, 23, 42, 0.42);
}

.section-header[data-theme="dark"].iv-dark .ihv-teameval[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.68);
}

    .section-header[data-theme="dark"].iv-dark .ihv-teameval:hover[b-6g4n0qxqta] {
        color: rgba(245, 243, 238, 0.95);
    }

.section-header[data-theme="dark"].iv-dark .ihv-teameval--locked[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.4);
}

.section-header[data-theme="dark"].iv-dark .ihv-teameval-switch[b-6g4n0qxqta] {
    border-color: rgba(245, 243, 238, 0.28);
}

.section-header[data-theme="dark"].iv-dark .ihv-teameval-thumb[b-6g4n0qxqta] {
    background: rgba(245, 243, 238, 0.55);
}

.section-header[data-theme="dark"].iv-dark .ihv-teameval[aria-checked="true"] .ihv-teameval-switch[b-6g4n0qxqta] {
    background: rgba(245, 243, 238, 0.88);
    border-color: rgba(245, 243, 238, 0.88);
}

.section-header[data-theme="dark"].iv-dark .ihv-teameval[aria-checked="true"] .ihv-teameval-thumb[b-6g4n0qxqta] {
    background: #16181d;
}

.section-header[data-theme="dark"] .ihv-invite-cta[b-6g4n0qxqta] {
    width: auto;
}

.section-header[data-theme="dark"] .ihv-teameval[b-6g4n0qxqta] {
    width: auto;
    margin-left: auto;
}

.section-header[data-theme="dark"] .ihv-teameval-label[b-6g4n0qxqta] {
    margin-right: 0;
}

.section-header[data-theme="dark"] .ihv-slot[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    min-width: 0;
}

.section-header[data-theme="dark"] .ihv-slot-verdict[b-6g4n0qxqta] {
    flex: 1 1 auto;
    padding-right: 1.25rem;
}

.section-header[data-theme="dark"] .ihv-slot-internal[b-6g4n0qxqta],
.section-header[data-theme="dark"] .ihv-slot-external[b-6g4n0qxqta] {
    position: relative;
    flex: 0 0 clamp(11.5rem, 19%, 14.5rem);
    padding-left: 1.25rem;
}

    .section-header[data-theme="dark"] .ihv-slot-internal[b-6g4n0qxqta]::before,
    .section-header[data-theme="dark"] .ihv-slot-external[b-6g4n0qxqta]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 10%;
        bottom: 10%;
        width: 1px;
        background: linear-gradient(180deg, transparent 0%, rgba(40, 34, 24, 0.10) 22%, rgba(40, 34, 24, 0.10) 78%, transparent 100%);
    }

.section-header[data-theme="dark"].iv-dark .ihv-slot-internal[b-6g4n0qxqta]::before,
.section-header[data-theme="dark"].iv-dark .ihv-slot-external[b-6g4n0qxqta]::before {
    background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.10) 22%, rgba(255, 255, 255, 0.10) 78%, transparent 100%);
}

.section-header[data-theme="dark"] .ihv-slot-head[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    gap: 0.1875rem;
}

.section-header[data-theme="dark"] .ihv-slot-kicker[b-6g4n0qxqta] {
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, 0.5);
}

.section-header[data-theme="dark"].iv-dark .ihv-slot-kicker[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.48);
}

.section-header[data-theme="dark"] .ihv-verdict-main[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
}

    .section-header[data-theme="dark"] .ihv-verdict-main .ihv-headline-row[b-6g4n0qxqta] {
        border-top: none;
        margin: 0;
        padding-top: 0;
    }

.section-header[data-theme="dark"] .ihv-slot-body[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    gap: 0.4375rem;
    min-width: 0;
}

.section-header[data-theme="dark"] .ihv-slot-empty[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
    gap: 0.4375rem;
    font-family: var(--font);
    font-size: 0.78rem;
    font-weight: var(--font-weight-medium);
    color: rgba(15, 23, 42, 0.6);
}

    .section-header[data-theme="dark"] .ihv-slot-empty i[b-6g4n0qxqta] {
        font-size: 0.625rem;
        opacity: 0.75;
    }

.section-header[data-theme="dark"].iv-dark .ihv-slot-empty[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.66);
}

.section-header[data-theme="dark"] .ihv-teameval[b-6g4n0qxqta] {
    width: 100%;
    margin-left: 0;
}

.section-header[data-theme="dark"] .ihv-teameval-label[b-6g4n0qxqta] {
    margin-right: auto;
}

.section-header[data-theme="dark"] .ihv-invite-cta[b-6g4n0qxqta] {
    width: 100%;
}

@container (max-width: 860px) {
    .section-header[data-theme="dark"] .ihv-cols[b-6g4n0qxqta] {
        flex-wrap: wrap;
        row-gap: 1.125rem;
    }

    .section-header[data-theme="dark"] .ihv-slot-verdict[b-6g4n0qxqta] {
        flex: 1 1 100%;
        padding-right: 0;
    }

    .section-header[data-theme="dark"] .ihv-slot-internal[b-6g4n0qxqta],
    .section-header[data-theme="dark"] .ihv-slot-external[b-6g4n0qxqta] {
        flex: 1 1 12rem;
    }

        .section-header[data-theme="dark"] .ihv-slot-internal[b-6g4n0qxqta]::before {
            display: none;
        }

    .section-header[data-theme="dark"] .ihv-slot-internal[b-6g4n0qxqta] {
        padding-left: 0;
    }
}

.section-header[data-theme="dark"] .ihv-slot-internal[b-6g4n0qxqta],
.section-header[data-theme="dark"] .ihv-slot-external[b-6g4n0qxqta] {
    flex-basis: clamp(13rem, 23%, 16.5rem);
}

.section-header[data-theme="dark"] .ihv-slot-internal[b-6g4n0qxqta] {
    padding-right: 1.25rem;
}

.section-header[data-theme="dark"] .ihv-readout-line[b-6g4n0qxqta] {
    font-size: 0.71rem;
    gap: 0.4375rem;
}

.section-header[data-theme="dark"] .ihv-conf-line[b-6g4n0qxqta] {
    font-size: inherit;
    font-weight: var(--font-weight-medium);
    color: rgba(15, 23, 42, 0.55);
}

.section-header[data-theme="dark"] .ihv-eval-count[b-6g4n0qxqta] {
    font-size: inherit;
    font-weight: var(--font-weight-medium);
    color: rgba(15, 23, 42, 0.55);
}

.section-header[data-theme="dark"] .ihv-readout-arrow[b-6g4n0qxqta] {
    font-size: 0.625rem;
    margin-left: 0.25rem;
    color: rgba(15, 23, 42, 0.38);
}

.section-header[data-theme="dark"].iv-dark .ihv-conf-line[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.55);
}

.section-header[data-theme="dark"].iv-dark .ihv-eval-count[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.55);
    font-weight: var(--font-weight-medium);
}

.section-header[data-theme="dark"].iv-dark .ihv-readout-arrow[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.38);
}

.section-header[data-theme="dark"] .ihv-cols[b-6g4n0qxqta] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(13rem, 23%, 16.5rem) clamp(13rem, 23%, 16.5rem);
    grid-template-rows: auto auto;
    row-gap: 0.625rem;
    align-items: stretch;
}

.section-header[data-theme="dark"] .ihv-slot[b-6g4n0qxqta] {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
}

.section-header[data-theme="dark"] .ihv-slot-verdict[b-6g4n0qxqta] {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 1.25rem;
}

    .section-header[data-theme="dark"] .ihv-slot-verdict .ihv-score-column[b-6g4n0qxqta] {
        grid-column: 1;
        grid-row: 1 / 3;
        align-self: center;
    }

    .section-header[data-theme="dark"] .ihv-slot-verdict > .ihv-slot-head[b-6g4n0qxqta] {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
    }

    .section-header[data-theme="dark"] .ihv-slot-verdict .ihv-verdict-main[b-6g4n0qxqta] {
        grid-column: 2;
        grid-row: 2;
        align-self: start;
        justify-content: flex-start;
    }

.section-header[data-theme="dark"] .ihv-slot-internal .ihv-slot-body[b-6g4n0qxqta],
.section-header[data-theme="dark"] .ihv-slot-external .ihv-slot-body[b-6g4n0qxqta] {
    align-self: start;
}

@container (max-width: 860px) {
    .section-header[data-theme="dark"] .ihv-cols[b-6g4n0qxqta] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto auto;
        row-gap: 0.875rem;
    }

    .section-header[data-theme="dark"] .ihv-slot-verdict[b-6g4n0qxqta] {
        grid-column: 1 / -1;
        grid-row: 1 / 3;
    }

    .section-header[data-theme="dark"] .ihv-slot-internal[b-6g4n0qxqta] {
        grid-column: 1;
        grid-row: 3 / 5;
    }

    .section-header[data-theme="dark"] .ihv-slot-external[b-6g4n0qxqta] {
        grid-column: 2;
        grid-row: 3 / 5;
    }
}

.section-header[data-theme="dark"] .ihv-cols[b-6g4n0qxqta] {
    display: flex;
    align-items: stretch;
    row-gap: 0;
}

.section-header[data-theme="dark"] .ihv-slot[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    min-width: 0;
}

.section-header[data-theme="dark"] .ihv-slot-verdict[b-6g4n0qxqta] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    column-gap: 1.25rem;
    row-gap: 0.375rem;
}

    .section-header[data-theme="dark"] .ihv-slot-verdict .ihv-score-column[b-6g4n0qxqta] {
        grid-column: 1;
        grid-row: 1 / 3;
        align-self: center;
    }

    .section-header[data-theme="dark"] .ihv-slot-verdict > .ihv-slot-head[b-6g4n0qxqta] {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
    }

    .section-header[data-theme="dark"] .ihv-slot-verdict .ihv-verdict-main[b-6g4n0qxqta] {
        grid-column: 2;
        grid-row: 2;
        align-self: stretch;
        justify-content: flex-start;
    }

@container (max-width: 860px) {
    .section-header[data-theme="dark"] .ihv-cols[b-6g4n0qxqta] {
        flex-wrap: wrap;
        row-gap: 1.125rem;
    }
}

.section-header[data-theme="dark"] .ihv-slot-head[b-6g4n0qxqta] {
    gap: 0.375rem;
}

.section-header[data-theme="dark"] .ihv-slot-verdict[b-6g4n0qxqta] {
    row-gap: 0.75rem;
}

    .section-header[data-theme="dark"] .ihv-slot-verdict > .ihv-slot-head[b-6g4n0qxqta] {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .section-header[data-theme="dark"] .ihv-slot-verdict .ihv-score-column[b-6g4n0qxqta] {
        grid-column: 1;
        grid-row: 2;
        align-self: center;
    }

.section-header[data-theme="dark"] .ihv-slot-head[b-6g4n0qxqta] {
    gap: 0.75rem;
}

.section-header[data-theme="dark"] .ihv-slot-verdict .ihv-verdict-main[b-6g4n0qxqta] {
    align-self: center;
}

.section-header[data-theme="dark"] .ihv-slot-internal .ihv-slot-body[b-6g4n0qxqta],
.section-header[data-theme="dark"] .ihv-slot-external .ihv-slot-body[b-6g4n0qxqta] {
    margin-top: auto;
    margin-bottom: auto;
}

.section-header[data-theme="dark"] .ihv-slot-verdict .ihv-verdict-main[b-6g4n0qxqta] {
    align-self: stretch;
    justify-content: space-between;
}

.section-header[data-theme="dark"] .ihv-slot-internal .ihv-slot-body[b-6g4n0qxqta],
.section-header[data-theme="dark"] .ihv-slot-external .ihv-slot-body[b-6g4n0qxqta] {
    margin-top: 0;
    margin-bottom: 0;
    flex: 1 1 auto;
    justify-content: space-between;
}

.section-header[data-theme="dark"] .ihv-slot-verdict .ihv-verdict-main[b-6g4n0qxqta] {
    align-self: center;
    justify-content: flex-start;
}

.section-header[data-theme="dark"] .ihv-slot-internal .ihv-slot-body[b-6g4n0qxqta],
.section-header[data-theme="dark"] .ihv-slot-external .ihv-slot-body[b-6g4n0qxqta] {
    flex: 0 0 auto;
    justify-content: flex-start;
    margin-top: auto;
    margin-bottom: auto;
}

.section-header[data-theme="dark"] .ihv-slot-internal[b-6g4n0qxqta],
.section-header[data-theme="dark"] .ihv-slot-external[b-6g4n0qxqta] {
    padding-left: 1.75rem;
    flex-basis: clamp(12rem, 20%, 15rem);
}

.ihv-pending-pill[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: 0.55rem;
    border: 1px solid color-mix(in srgb, var(--accent, #f00c71) 45%, transparent);
    background: color-mix(in srgb, var(--accent, #f00c71) 14%, transparent);
    color: #ffffff;
    border-radius: 999px;
    padding: 0.22rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

    .ihv-pending-pill:hover[b-6g4n0qxqta] {
        background: color-mix(in srgb, var(--accent, #f00c71) 24%, transparent);
        border-color: color-mix(in srgb, var(--accent, #f00c71) 65%, transparent);
    }

.ihv-pending-dot[b-6g4n0qxqta] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--accent, #f00c71);
    box-shadow: 0 0 6px color-mix(in srgb, var(--accent, #f00c71) 70%, transparent);
    animation: ihvPendingPulse-b-6g4n0qxqta 2s ease-in-out infinite;
}

@keyframes ihvPendingPulse-b-6g4n0qxqta {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.35;
    }
}

.section-header[data-theme="dark"] .ihv-readout-arrow.is-forced[b-6g4n0qxqta] {
    color: rgba(15, 23, 42, 0.78);
}

.section-header[data-theme="dark"].iv-dark .ihv-readout-arrow.is-forced[b-6g4n0qxqta] {
    color: rgba(245, 243, 238, 0.9);
}

.ihv-share-wrap[b-6g4n0qxqta] {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

.ihv-invite-cta--locked[b-6g4n0qxqta] {
    filter: saturate(0.55);
    opacity: 0.85;
}

.ihv-preview-dialog[b-6g4n0qxqta] {
    border: 0;
    padding: 1.5rem;
    margin: 0;
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ihv-preview-dialog[b-6g4n0qxqta]::backdrop {
        background: rgba(8, 11, 20, 0.62);
        backdrop-filter: blur(3px);
    }

.ihv-preview-panel[b-6g4n0qxqta] {
    width: min(720px, 100%);
    max-height: 86vh;
    overflow: auto;
    border-radius: 1.1rem;
    background: #faf9f7;
    color: #1f2430;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5);
    padding: 1.4rem 1.65rem 1.4rem;
}

.ihv-preview-head[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.ihv-preview-kicker[b-6g4n0qxqta] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #8a8f9e;
}

.ihv-preview-close[b-6g4n0qxqta] {
    border: 0;
    background: transparent;
    font-size: 1.3rem;
    line-height: 1;
    color: #8a8f9e;
    cursor: pointer;
}

.ihv-preview-owner[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.9rem;
}

.ihv-preview-avatar[b-6g4n0qxqta] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--accent, #f00c71) 14%, #ffffff);
    color: var(--accent, #f00c71);
    font-weight: 700;
    font-size: 0.8rem;
    flex: 0 0 auto;
}

.ihv-preview-inviteline[b-6g4n0qxqta] {
    font-size: 0.92rem;
    line-height: 1.4;
}

.ihv-preview-body[b-6g4n0qxqta] {
    font-size: 0.9rem;
    line-height: 1.65;
    white-space: pre-wrap;
    color: #2a3040;
    border-top: 1px solid #e8e6e1;
    padding-top: 0.9rem;
}

.ihv-preview-body--empty[b-6g4n0qxqta] {
    color: #8a8f9e;
    font-style: italic;
}

.ihv-preview-path[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.1rem;
    padding-top: 0.8rem;
    border-top: 1px solid #e8e6e1;
    font-size: 0.74rem;
    color: #5a6172;
}

    .ihv-preview-path i[b-6g4n0qxqta] {
        color: var(--accent, #f00c71);
        margin-right: 0.3rem;
    }

.ihv-preview-path-note[b-6g4n0qxqta] {
    margin-left: auto;
    color: #8a8f9e;
}

.ihv-share-reveal-wrap[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0.15rem 0.25rem 0;
    padding: 0.5rem 0.6rem;
    border-radius: 0.6rem;
    background: rgba(245, 243, 238, 0.05);
}

.ihv-share-reveal-hint[b-6g4n0qxqta] {
    font-size: 0.66rem;
    color: rgba(245, 243, 238, 0.55);
    line-height: 1.35;
}

.ihv-share-reveal[b-6g4n0qxqta] {
    width: 100%;
    border: 1px solid color-mix(in srgb, var(--accent, #f00c71) 35%, transparent);
    border-radius: 0.45rem;
    background: rgba(0, 0, 0, 0.25);
    color: rgba(245, 243, 238, 0.95);
    font-size: 0.72rem;
    padding: 0.4rem 0.5rem;
    font-family: inherit;
}

.ihv-preview-lede[b-6g4n0qxqta] {
    font-size: 1.28rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #171b26;
    line-height: 1.3;
    margin: -0.2rem 0 0.4rem;
}

.ihv-preview-sub[b-6g4n0qxqta] {
    font-size: 0.87rem;
    line-height: 1.6;
    color: #5a6172;
    margin-bottom: 1.15rem;
    max-width: 58ch;
}

.ihv-preview-seclabel[b-6g4n0qxqta] {
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: #8a8f9e;
    margin-bottom: 0.5rem;
}

.ihv-preview-recipient[b-6g4n0qxqta] {
    border: 1px solid #e8e6e1;
    border-radius: 0.85rem;
    padding: 1rem 1.15rem;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.ihv-preview-note[b-6g4n0qxqta] {
    margin-top: 0.8rem;
    font-size: 0.78rem;
    color: #9a3412;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 0.6rem;
    padding: 0.5rem 0.7rem;
}

.ihv-preview-reveal-wrap[b-6g4n0qxqta] {
    margin-top: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ihv-preview-reveal-hint[b-6g4n0qxqta] {
    font-size: 0.7rem;
    color: #8a8f9e;
}

.ihv-preview-reveal[b-6g4n0qxqta] {
    width: 100%;
    border: 1px solid color-mix(in srgb, var(--accent, #f00c71) 40%, transparent);
    border-radius: 0.5rem;
    padding: 0.45rem 0.55rem;
    font-size: 0.78rem;
    color: #1f2430;
    background: #fff;
    font-family: inherit;
}

.ihv-preview-actions[b-6g4n0qxqta] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid #e8e6e1;
}

.ihv-preview-cta[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid #d8d5cf;
    border-radius: 999px;
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    background: #ffffff;
    color: #1f2430;
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.05s ease;
}

    .ihv-preview-cta:hover:not(:disabled)[b-6g4n0qxqta] {
        filter: brightness(0.98);
    }

    .ihv-preview-cta:active:not(:disabled)[b-6g4n0qxqta] {
        transform: translateY(1px);
    }

    .ihv-preview-cta:disabled[b-6g4n0qxqta] {
        opacity: 0.6;
        cursor: default;
    }

.ihv-preview-cta--primary[b-6g4n0qxqta] {
    background: var(--accent, #f00c71);
    border-color: var(--accent, #f00c71);
    color: #fff;
}

    .ihv-preview-cta--primary:hover:not(:disabled)[b-6g4n0qxqta] {
        filter: brightness(1.06);
    }

.ihv-preview-lockline[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.78rem;
    color: #5a6172;
}

    .ihv-preview-lockline > i[b-6g4n0qxqta] {
        color: var(--accent, #f00c71);
    }

.ihv-preview-about[b-6g4n0qxqta] {
    margin-left: auto;
    font-size: 0.74rem;
    color: #8a8f9e;
    text-decoration: none;
}

    .ihv-preview-about:hover[b-6g4n0qxqta] {
        color: #1f2430;
    }

.section-header[data-theme="dark"] .ihv-stance-chip[b-6g4n0qxqta] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border: 1px solid rgba(15, 23, 42, 0.22);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, 0.72);
    white-space: nowrap;
}

.section-header[data-theme="dark"] .ihv-stance--build[b-6g4n0qxqta] {
    border-color: rgba(99, 153, 34, 0.55);
    background: rgba(99, 153, 34, 0.10);
    color: #4d7a17;
}

.section-header[data-theme="dark"] .ihv-stance--reframe[b-6g4n0qxqta] {
    border-color: rgba(239, 159, 39, 0.60);
    background: rgba(239, 159, 39, 0.12);
    color: #a86a10;
}

.section-header[data-theme="dark"] .ihv-stance--park[b-6g4n0qxqta] {
    border-color: rgba(15, 23, 42, 0.22);
    background: rgba(15, 23, 42, 0.05);
    color: rgba(15, 23, 42, 0.62);
}

.section-header[data-theme="dark"] .ihv-stance--walkaway[b-6g4n0qxqta] {
    border-color: rgba(216, 90, 48, 0.55);
    background: rgba(216, 90, 48, 0.10);
    color: #b6431e;
}

.ih-v3[b-6g4n0qxqta] {
    --petrol-900: #0A191D;
    --glow-teal: rgba(127, 183, 190, .13);
    --glow-pink: rgba(240, 45, 125, .07);
    --ink-high: #FAFEFE;
    --ink-body: #9DB6BA;
    --ink-muted: #6E8B90;
    --ink-faint: #5F797D;
    --ink-num: #3B5A61;
    --ink-btn: #E4EEEF;
    --ink-icon: #8FA9AD;
    --line: rgba(255, 255, 255, .09);
    --line-strong: rgba(255, 255, 255, .10);
    --ghost-bg: rgba(255, 255, 255, .06);
    --ghost-bg-hover: rgba(255, 255, 255, .11);
    --ghost-border: rgba(255, 255, 255, .16);
    --track: rgba(255, 255, 255, .12);
    --teal-400: #7FB7BE;
    --pink-500: #F02D7D;
    --pink-600: #D91A6C;
    --pink-300: #FF6FA5;
    --pink-200: #FF9AC2;
    --pink-underline: rgba(240, 45, 125, .30);
    --grade-300: #ACDE62;
    --amber-400: #F5A524;
    --lavender-hi: #C7BEF7;
    --lavender-lo: #9F92EC;
    --font-display: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;
    --font-mono-3a: 'IBM Plex Mono', var(--font-mono, monospace);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    grid-template-areas:
        "metabar metabar"
        "title   panel"
        "actions panel"
        "tabs    tabs";
    column-gap: 52px;
    align-items: start;
    background: radial-gradient(900px 420px at 85% -10%, var(--glow-teal), transparent 60%), radial-gradient(700px 380px at -10% 110%, var(--glow-pink), transparent 55%), var(--petrol-900);
    color: var(--ink-body);
    font-family: var(--font-body);
    border-radius: 22px;
    padding: 34px 56px 0;
}

    .ih-v3 .ih-metabar[b-6g4n0qxqta] {
        grid-area: metabar;
    }

    .ih-v3 .ih-titlerow[b-6g4n0qxqta] {
        grid-area: title;
    }

    .ih-v3 .ih-actionsrow[b-6g4n0qxqta] {
        grid-area: actions;
    }

    .ih-v3 .ih-headline[b-6g4n0qxqta] {
        grid-area: panel;
    }

    .ih-v3 .ih-tabrail[b-6g4n0qxqta] {
        grid-area: tabs;
    }

    .ih-v3.is-empty[b-6g4n0qxqta] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "metabar"
            "title"
            "actions"
            "tabs";
    }

        .ih-v3.is-empty .ih-headline[b-6g4n0qxqta] {
            display: none;
        }

    .ih-v3 .ih-metabar[b-6g4n0qxqta] {
        display: flex;
        align-items: center;
        gap: 14px;
        margin: 0;
    }

    .ih-v3 .ihv-codename[b-6g4n0qxqta],
    .ih-v3 .ih-meta-strip[b-6g4n0qxqta],
    .ih-v3 .ih-meta-strip-item[b-6g4n0qxqta] {
        font: 600 10.5px var(--font-mono-3a) !important;
        letter-spacing: 2px !important;
        color: var(--ink-muted) !important;
        text-transform: uppercase;
    }

    .ih-v3 .ih-meta-strip[b-6g4n0qxqta] {
        display: inline-flex;
        align-items: center;
        gap: 14px;
    }

    .ih-v3 .ih-meta-strip-sep[b-6g4n0qxqta] {
        color: var(--ink-muted);
        opacity: .7;
    }

    .ih-v3 .ihv-codename i[b-6g4n0qxqta], .ih-v3 .ih-meta-strip-item i[b-6g4n0qxqta] {
        font-size: 9px;
        opacity: .6;
    }

    .ih-v3 .ih-owner-avatar[b-6g4n0qxqta] {
        width: 18px !important;
        height: 18px !important;
        font-size: 8px;
        background-color: transparent;
        background-image: linear-gradient(135deg, var(--lavender-hi), var(--lavender-lo));
    }

        .ih-v3 .ih-owner-avatar[style*="background-image"][b-6g4n0qxqta] {
            background-color: transparent;
        }

    .ih-v3 .ih-status-dot[b-6g4n0qxqta] {
        background: var(--pink-500);
    }

    .ih-v3 .ih-meta-strip-item--status[b-6g4n0qxqta] {
        color: var(--pink-300) !important;
    }

    .ih-v3 .ih-titlerow[b-6g4n0qxqta] {
        margin-top: 20px;
    }

    .ih-v3 .ihv-title[b-6g4n0qxqta] {
        margin: 0 !important;
        font: 700 54px/1.06 var(--font-display) !important;
        letter-spacing: -1.5px !important;
        color: var(--ink-high) !important;
        text-wrap: pretty;
        max-width: none;
    }

    .ih-v3 .ih-actionsrow[b-6g4n0qxqta] {
        display: flex;
        gap: 10px;
        margin-top: 14px;
        padding-bottom: 22px;
    }

    .ih-v3 .ih-headline[b-6g4n0qxqta],
    .ih-v3 .ih-headline-text[b-6g4n0qxqta],
    .ih-v3 .ih-verdict-panel[b-6g4n0qxqta],
    .ih-v3 .ihv-body[b-6g4n0qxqta],
    .ih-v3 .ihv-cols[b-6g4n0qxqta],
    .ih-v3 .ihv-slot[b-6g4n0qxqta] {
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .ih-v3 .ih-headline[b-6g4n0qxqta] {
        margin-top: 28px !important;
        border-left: 1px solid var(--line-strong) !important;
        padding-left: 40px !important;
        align-self: stretch;
    }

    .ih-v3 .ihv-cols[b-6g4n0qxqta] {
        display: flex;
        flex-direction: column;
    }

    .ih-v3 .ihv-slot-verdict .ihv-slot-head[b-6g4n0qxqta] {
        display: none;
    }

    .ih-v3 .ihv-grade[b-6g4n0qxqta] {
        --tier-fg: var(--ink-muted);
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: baseline !important;
        gap: 14px;
        width: auto !important;
        min-height: 0 !important;
    }

        .ih-v3 .ihv-grade.tier-great[b-6g4n0qxqta] {
            --tier-fg: #4ade80;
        }

        .ih-v3 .ihv-grade.tier-good[b-6g4n0qxqta] {
            --tier-fg: #a3e635;
        }

        .ih-v3 .ihv-grade.tier-moderate[b-6g4n0qxqta] {
            --tier-fg: #fb923c;
        }

        .ih-v3 .ihv-grade.tier-poor[b-6g4n0qxqta] {
            --tier-fg: #f87171;
        }

    .ih-v3 .ihv-grade-flap[b-6g4n0qxqta],
    .ih-v3 .ihv-grade-letter[b-6g4n0qxqta] {
        font: 700 92px/0.9 var(--font-display) !important;
        letter-spacing: -3px !important;
        color: var(--tier-fg) !important;
    }

    .ih-v3 .ihv-grade-modifier[b-6g4n0qxqta] {
        font: 700 34px/1 var(--font-display) !important;
        color: var(--tier-fg) !important;
        align-self: flex-start;
        margin-top: 10px;
    }

    .ih-v3 .ihv-grade-score-row[b-6g4n0qxqta] {
        margin: 0 !important;
    }

    .ih-v3 .ihv-grade-score[b-6g4n0qxqta] {
        font: 600 14px var(--font-mono-3a) !important;
        color: color-mix(in srgb, var(--tier-fg) 72%, var(--petrol-900)) !important;
        background: none !important;
    }

    .ih-v3 .ihv-score-unit[b-6g4n0qxqta] {
        font-size: 12px;
        color: color-mix(in srgb, var(--tier-fg) 60%, var(--petrol-900));
    }

    .ih-v3 .ihv-readout-line[b-6g4n0qxqta] {
        display: flex;
        align-items: center;
        gap: 7px;
        flex-wrap: wrap;
        margin: 14px 0 0 !important;
        font: 600 9.5px var(--font-mono-3a) !important;
        letter-spacing: 2px !important;
        color: var(--ink-faint) !important;
        text-transform: uppercase;
    }

    .ih-v3 .ihv-readout-word[b-6g4n0qxqta], .ih-v3 .ihv-eval-count[b-6g4n0qxqta], .ih-v3 .ihv-conf-line[b-6g4n0qxqta] {
        color: var(--ink-faint) !important;
    }

    .ih-v3 .ihv-readout-sep[b-6g4n0qxqta] {
        opacity: .8;
    }

    .ih-v3 .ihv-conf-dot[b-6g4n0qxqta] {
        width: 6px !important;
        height: 6px !important;
        border-radius: 999px;
    }

    .ih-v3 .ihv-conf-dot--low[b-6g4n0qxqta], .ih-v3 .ihv-conf-dot--medium[b-6g4n0qxqta] {
        background: var(--amber-400) !important;
    }

    .ih-v3 .ihv-conf-dot--high[b-6g4n0qxqta] {
        background: var(--grade-300) !important;
    }

    .ih-v3 .ihv-readout-arrow[b-6g4n0qxqta] {
        color: var(--ink-faint);
        font-size: 9px;
    }

        .ih-v3 .ihv-readout-arrow.is-forced[b-6g4n0qxqta] {
            color: var(--pink-300);
        }

    .ih-v3 .ihv-pending-pill[b-6g4n0qxqta] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        background: none;
        border: 1px solid var(--pink-300);
        border-radius: 999px;
        color: var(--pink-300);
        font: inherit;
        padding: 1px 8px;
        cursor: pointer;
    }

    .ih-v3 .ihv-pending-dot[b-6g4n0qxqta] {
        width: 5px;
        height: 5px;
        border-radius: 999px;
        background: var(--pink-300);
    }

    .ih-v3 .ihv-stance-head[b-6g4n0qxqta] {
        margin-top: 13px !important;
        font: 700 18px/1.35 var(--font-body) !important;
        color: #F3FAFA !important;
        background: none !important;
        border: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        display: block;
    }

        .ih-v3 .ihv-stance-head > span[b-6g4n0qxqta] {
            box-shadow: inset 0 -8px 0 var(--pink-underline);
        }

    .ih-v3 .ihv-move-preview[b-6g4n0qxqta] {
        margin: 10px 0 0 !important;
        font: 500 13.5px/1.55 var(--font-body) !important;
        color: #BFD2D6 !important;
        max-width: none;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }


    .ih-v3 .ihv-slot-internal[b-6g4n0qxqta], .ih-v3 .ihv-slot-external[b-6g4n0qxqta] {
        margin-top: 14px !important;
    }

    .ih-v3 .ihv-slot-head .ihv-slot-kicker[b-6g4n0qxqta] {
        font: 600 9.5px var(--font-mono-3a);
        letter-spacing: 2px;
        color: var(--ink-faint);
        text-transform: uppercase;
    }

    .ih-v3 .ihv-slot-body[b-6g4n0qxqta] {
        margin-top: 6px;
    }

    .ih-v3 .ihv-teameval[b-6g4n0qxqta], .ih-v3 .ihv-invite-cta[b-6g4n0qxqta], .ih-v3 .ihv-enlist-cta[b-6g4n0qxqta] {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        font: 600 11.5px var(--font-mono-3a) !important;
        letter-spacing: 1.2px !important;
        color: var(--pink-300) !important;
        text-transform: uppercase;
        cursor: pointer;
    }

        .ih-v3 .ihv-teameval:hover[b-6g4n0qxqta], .ih-v3 .ihv-invite-cta:hover[b-6g4n0qxqta], .ih-v3 .ihv-enlist-cta:hover[b-6g4n0qxqta] {
            color: var(--pink-200) !important;
        }

    .ih-v3 .ihv-teameval-label[b-6g4n0qxqta] {
        color: inherit !important;
        font: inherit !important;
        letter-spacing: inherit !important;
    }

    .ih-v3 .ihv-teameval--locked[b-6g4n0qxqta], .ih-v3 .ihv-invite-cta--locked[b-6g4n0qxqta] {
        opacity: .6;
    }

    .ih-v3 .ihv-teameval-switch[b-6g4n0qxqta] {
        width: 30px;
        height: 16px;
        border-radius: 999px;
        border: 1px solid var(--pink-300) !important;
        background: none !important;
        position: relative;
        display: inline-block;
    }

    .ih-v3 .ihv-teameval-thumb[b-6g4n0qxqta] {
        position: absolute;
        top: 2px;
        left: 2px;
        width: 10px;
        height: 10px;
        border-radius: 999px;
        background: var(--pink-300) !important;
        transition: transform .15s ease;
    }

    .ih-v3 .ihv-teameval[aria-checked="true"] .ihv-teameval-thumb[b-6g4n0qxqta] {
        transform: translateX(14px);
    }

    .ih-v3 .ihv-slot-empty[b-6g4n0qxqta] {
        font: 600 9.5px var(--font-mono-3a);
        letter-spacing: 2px;
        color: var(--ink-faint);
        text-transform: uppercase;
    }

    .ih-v3 .ihv-review-note[b-6g4n0qxqta] {
        color: var(--ink-muted);
        font: 400 12px var(--font-body);
        margin-top: 6px;
    }

    .ih-v3 .ih-tabrail[b-6g4n0qxqta] {
        margin-top: 24px;
        border-top: 1px solid var(--line);
        padding: 0;
    }

    .ih-v3 .iv-pills-strip[b-6g4n0qxqta] {
        display: flex;
        gap: 36px;
        padding: 0 2px;
        overflow-x: auto;
    }

    .ih-v3 .iv-pill[b-6g4n0qxqta], .ih-v3 .iv-pill.is-active[b-6g4n0qxqta] {
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        min-height: 0 !important;
    }

    .ih-v3 .iv-pill[b-6g4n0qxqta] {
        padding: 17px 2px !important;
        font: 600 11px var(--font-mono-3a) !important;
        letter-spacing: 1.8px !important;
        color: var(--ink-muted) !important;
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        gap: 0;
        position: relative;
        cursor: pointer;
        white-space: nowrap;
    }

        .ih-v3 .iv-pill:hover[b-6g4n0qxqta] {
            color: #CDDEE0 !important;
        }

        .ih-v3 .iv-pill[b-6g4n0qxqta]::before {
            content: attr(data-num);
            color: var(--ink-num);
            margin-right: 8px;
        }

        .ih-v3 .iv-pill .iv-pill-icon[b-6g4n0qxqta] {
            display: none;
        }

        .ih-v3 .iv-pill .iv-pill-label[b-6g4n0qxqta] {
            color: inherit !important;
            font: inherit !important;
            letter-spacing: inherit !important;
        }

        .ih-v3 .iv-pill.is-active[b-6g4n0qxqta] {
            color: var(--ink-high) !important;
            box-shadow: inset 0 2px 0 var(--pink-500) !important;
        }

            .ih-v3 .iv-pill.is-active[b-6g4n0qxqta]::before {
                color: var(--pink-300);
            }

        .ih-v3 .iv-pill .iv-pill-status[b-6g4n0qxqta] {
            margin-left: 8px;
        }

    .ih-v3 .ihv-grade[b-6g4n0qxqta] {
        gap: 10px;
    }

    .ih-v3 .ihv-grade-letter-row[b-6g4n0qxqta],
    .ih-v3 .ihv-grade-letter[b-6g4n0qxqta] {
        display: inline-grid !important;
    }

        .ih-v3 .ihv-grade-letter .ihv-grade-flap[b-6g4n0qxqta] {
            grid-area: 1 / 1;
        }

    .ih-v3 .ihv-grade-modifier[b-6g4n0qxqta] {
        font: 700 44px/1 var(--font-display) !important;
        align-self: flex-start;
        margin: 6px 0 0 -2px;
    }

    .ih-v3 .ihv-slot-verdict[b-6g4n0qxqta],
    .ih-v3 .ihv-slot-verdict .ihv-slot-body[b-6g4n0qxqta] {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start;
    }

        .ih-v3 .ihv-slot-verdict .ihv-score-column[b-6g4n0qxqta] {
            order: 0;
        }

        .ih-v3 .ihv-slot-verdict .ihv-verdict-label[b-6g4n0qxqta] {
            order: 1;
        }

        .ih-v3 .ihv-slot-verdict .ihv-readout-line[b-6g4n0qxqta] {
            order: 1;
        }

        .ih-v3 .ihv-slot-verdict .ihv-stance-head[b-6g4n0qxqta] {
            order: 2;
        }

        .ih-v3 .ihv-slot-verdict .ihv-move-preview[b-6g4n0qxqta] {
            order: 3;
        }

        .ih-v3 .ihv-slot-verdict .ihv-enlist-cta[b-6g4n0qxqta] {
            order: 4;
        }

    .ih-v3 .ihv-conf-line[b-6g4n0qxqta] {
        white-space: nowrap;
    }

        .ih-v3 .ihv-conf-line span[b-6g4n0qxqta] {
            white-space: nowrap;
        }

    .ih-v3 .ihv-grade[b-6g4n0qxqta] {
        gap: 8px !important;
    }

    .ih-v3 .ihv-grade-letter-row[b-6g4n0qxqta],
    .ih-v3 .ihv-grade-letter[b-6g4n0qxqta] {
        display: inline-grid !important;
    }

        .ih-v3 .ihv-grade-letter > *[b-6g4n0qxqta] {
            grid-area: 1 / 1 !important;
        }

        .ih-v3 .ihv-grade-letter-row > *[b-6g4n0qxqta] {
            grid-area: 1 / 1 !important;
        }

    .ih-v3 .ihv-grade-modifier[b-6g4n0qxqta] {
        font: 700 40px/1 var(--font-display) !important;
        align-self: flex-start !important;
        margin: 8px 0 0 2px !important;
    }

    .ih-v3 .ih-actionsrow .ih-metabar-tools[b-6g4n0qxqta] {
        margin-left: 0 !important;
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }

    .ih-v3 .ihv-codename[b-6g4n0qxqta] {
        background: none !important;
        border: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

        .ih-v3 .ihv-codename i[b-6g4n0qxqta],
        .ih-v3 .ih-meta-strip-item i[b-6g4n0qxqta] {
            display: none !important;
        }

    .ih-v3 .iv-pills-strip[b-6g4n0qxqta] {
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0 2px !important;
        width: 100%;
    }

    .ih-v3 .ihv-teameval-switch[b-6g4n0qxqta] {
        width: 30px !important;
        height: 16px !important;
        background: transparent !important;
        border: 1.5px solid var(--pink-300) !important;
        border-radius: 999px !important;
        position: relative !important;
        display: inline-block !important;
        box-shadow: none !important;
    }

    .ih-v3 .ihv-teameval-thumb[b-6g4n0qxqta] {
        width: 10px !important;
        height: 10px !important;
        top: 1.5px !important;
        left: 2px !important;
        background: var(--pink-300) !important;
        border: 0 !important;
        border-radius: 999px !important;
        position: absolute !important;
        transition: transform .15s ease;
    }

    .ih-v3 .ihv-teameval[aria-checked="true"] .ihv-teameval-thumb[b-6g4n0qxqta] {
        transform: translateX(14px) !important;
    }

    .ih-v3 .ihv-readout-arrow[b-6g4n0qxqta] {
        display: none !important;
    }

        .ih-v3 .ihv-readout-arrow.is-forced[b-6g4n0qxqta] {
            display: inline !important;
        }

    .ih-v3 .ihv-stance-head > span[b-6g4n0qxqta] {
        box-shadow: inset 0 -9px 0 var(--pink-underline) !important;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    .ih-v3 > *[b-6g4n0qxqta] {
        grid-column: 1 / -1;
        min-width: 0;
    }

    .ih-v3 .ihv-title[b-6g4n0qxqta] {
        overflow-wrap: break-word;
    }

    .ih-v3 .iv-pills-strip[b-6g4n0qxqta] {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

        .ih-v3 .iv-pills-strip[b-6g4n0qxqta]::-webkit-scrollbar {
            display: none;
        }


.section-inner:has(> .ih-v3)[b-6g4n0qxqta] {
    container: ainna-header / inline-size;
}

.ih-v3[b-6g4n0qxqta], .ih-v3 *[b-6g4n0qxqta] {
    container-type: normal !important;
}

    .ih-v3 .ihv-score-column[b-6g4n0qxqta] {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        flex: none !important;
    }

    .ih-v3 .ihv-grade[b-6g4n0qxqta] {
        display: inline-flex !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: fit-content !important;
        margin: 0 !important;
    }

    .ih-v3 .ihv-grade-letter-row[b-6g4n0qxqta],
    .ih-v3 .ihv-grade-letter[b-6g4n0qxqta] {
        display: inline-block !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .ih-v3 .ihv-grade-flap[b-6g4n0qxqta] {
        display: none !important;
    }

        .ih-v3 .ihv-grade-flap.is-final[b-6g4n0qxqta] {
            display: inline-block !important;
            position: static !important;
            transform: none !important;
            opacity: 1 !important;
            animation: none !important;
        }

@container ainna-header (max-width: 1120px) {
    .ih-v3[b-6g4n0qxqta] {
        grid-template-columns: minmax(0, 1fr) 340px;
        column-gap: 40px;
    }

        .ih-v3 .ih-headline[b-6g4n0qxqta] {
            padding-left: 28px !important;
        }
}

.ih-v3 .ih-titlerow .ihv-title[b-6g4n0qxqta] {
    font-size: clamp(24px, 4cqi, 40px) !important;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.section:has(.ih-v3)[b-6g4n0qxqta],
.section-inner:has(> .ih-v3)[b-6g4n0qxqta] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ih-v3[b-6g4n0qxqta] {
    margin-bottom: 0;
}

.iv-tab-panel > .section-inner[b-6g4n0qxqta] {
    padding-top: 10px !important;
}

.iv-tab-panel[b-6g4n0qxqta] {
    margin-top: 0 !important;
}

@container ainna-header (width > 940px) {
    .ih-v3 .ihv-grade-flap.is-final[b-6g4n0qxqta],
    .ih-v3 .ihv-grade-letter[b-6g4n0qxqta] {
        font-size: clamp(60px, 12.5cqi, 92px) !important;
    }

    .ih-v3 .ihv-grade-modifier[b-6g4n0qxqta] {
        font-size: clamp(24px, 5cqi, 38px) !important;
    }

    .ih-v3 .ihv-cols[b-6g4n0qxqta] {
        gap: 0 !important;
    }

    .ih-v3 .ihv-readout-line[b-6g4n0qxqta] {
        margin: 14px 0 0 !important;
        font-size: 9.5px !important;
        letter-spacing: 2px !important;
        gap: 7px !important;
    }

    .ih-v3 .ihv-stance-head[b-6g4n0qxqta] {
        margin-top: 10px !important;
        font-size: 18px !important;
        line-height: 1.35 !important;
    }

    .ih-v3 .ihv-move-preview[b-6g4n0qxqta] {
        margin-top: 8px !important;
        font-size: 13.5px !important;
        line-height: 1.55 !important;
    }

    .ih-v3 .ihv-slot-internal[b-6g4n0qxqta],
    .ih-v3 .ihv-slot-external[b-6g4n0qxqta] {
        margin-top: 10px !important;
    }

    .ih-v3 .ihv-slot-body[b-6g4n0qxqta] {
        margin-top: 4px !important;
    }

    .ih-v3 .ihv-slot-head .ihv-slot-kicker[b-6g4n0qxqta] {
        font-size: 9.5px !important;
        letter-spacing: 2px !important;
    }
}

.ih-v3 .ihv-teameval[b-6g4n0qxqta],
.ih-v3 .ihv-invite-cta[b-6g4n0qxqta],
.ih-v3 .ihv-enlist-cta[b-6g4n0qxqta] {
    font-size: 11.5px !important;
    letter-spacing: 1.2px !important;
}

.ih-v3 .ihv-review-note[b-6g4n0qxqta] {
    font-size: 11.5px !important;
    margin-top: 4px !important;
}

@container ainna-header (width <= 940px) {
    .ih-v3[b-6g4n0qxqta] {
        grid-template-columns: 1fr;
        grid-template-areas: "metabar" "title" "actions" "panel" "tabs";
        padding: 32px 28px 0;
        column-gap: 0;
    }

        .ih-v3 .ih-metabar[b-6g4n0qxqta] {
            flex-wrap: wrap;
            row-gap: 8px;
        }

        .ih-v3 .ih-headline[b-6g4n0qxqta] {
            border-left: 0 !important;
            border-top: 1px solid var(--line-strong) !important;
            padding: 14px 0 0 !important;
            margin-top: 10px !important;
        }

        .ih-v3 .ih-tabrail[b-6g4n0qxqta] {
            margin-top: 16px;
        }

        .ih-v3 .iv-pills-strip[b-6g4n0qxqta] {
            gap: 22px;
        }
        .ih-v3 .ihv-slot-head[b-6g4n0qxqta] {
            display: none !important;
        }

        .ih-v3 .ihv-move-preview[b-6g4n0qxqta] {
            flex: 1 1 100% !important;
            margin: 4px 0 0 !important;
            font-size: 12.5px !important;
            line-height: 1.5 !important;
        }
        .ih-v3 .ihv-slot-verdict[b-6g4n0qxqta] {
            flex-direction: row !important;
            align-items: baseline !important;
            flex-wrap: wrap !important;
            column-gap: 14px !important;
            row-gap: 4px !important;
        }

        .ih-v3 .ihv-score-column[b-6g4n0qxqta] {
            width: auto !important;
            flex: 0 0 auto !important;
        }

        .ih-v3 .ihv-verdict-main[b-6g4n0qxqta] {
            flex-direction: row !important;
            align-items: baseline !important;
            align-self: auto !important;
            justify-content: flex-start !important;
            flex-wrap: wrap !important;
            column-gap: 12px !important;
            row-gap: 4px !important;
        }
        .ih-v3 .ihv-slot-verdict .ihv-stance-head[b-6g4n0qxqta] {
            order: -1 !important;
            margin: 0 !important;
            font-size: 15px !important;
            line-height: 1.3 !important;
        }

            .ih-v3 .ihv-slot-verdict .ihv-stance-head > span[b-6g4n0qxqta] {
                box-shadow: inset 0 -6px 0 var(--pink-underline) !important;
            }

        .ih-v3 .ihv-slot-verdict .ihv-readout-line[b-6g4n0qxqta] {
            margin: 0 !important;
        }
        .ih-v3 .ihv-headline-row[b-6g4n0qxqta] {
            border-top: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .ih-v3 .ihv-verdict-label[b-6g4n0qxqta] {
            font-size: 13px !important;
        }
        .ih-v3 .ihv-grade[b-6g4n0qxqta] {
            gap: 6px !important;
        }

        .ih-v3 .ihv-grade-flap.is-final[b-6g4n0qxqta],
        .ih-v3 .ihv-grade-letter[b-6g4n0qxqta],
        .ih-v3 .ihv-grade-cycle-char[b-6g4n0qxqta],
        .ih-v3 .ihv-empty-dash[b-6g4n0qxqta] {
            font-size: 34px !important;
            letter-spacing: -1px !important;
        }

        .ih-v3 .ihv-grade-modifier[b-6g4n0qxqta] {
            position: static !important;
            font: 700 17px/1 var(--font-display) !important;
            align-self: flex-start !important;
            margin: 3px 0 0 -2px !important;
        }

        .ih-v3 .ihv-grade-score[b-6g4n0qxqta] {
            font-size: 11px !important;
        }

        .ih-v3 .ihv-score-unit[b-6g4n0qxqta] {
            font-size: 9px;
        }
        .ih-v3 .ihv-cols[b-6g4n0qxqta] {
            flex-direction: row !important;
            flex-wrap: wrap !important;
            align-items: baseline !important;
            column-gap: 22px !important;
            row-gap: 0 !important;
        }

        .ih-v3 .ihv-slot-verdict[b-6g4n0qxqta] {
            flex: 1 1 100% !important;
        }

        .ih-v3 .ihv-slot-internal[b-6g4n0qxqta],
        .ih-v3 .ihv-slot-external[b-6g4n0qxqta] {
            flex: 0 0 auto !important;
            margin-top: 10px !important;
        }

        .ih-v3 .ihv-slot-body[b-6g4n0qxqta] {
            margin-top: 0 !important;
        }
}

@container ainna-header (width <= 640px) {
    .ih-v3[b-6g4n0qxqta] {
        padding: 18px 16px 0;
        border-radius: 16px;
    }

        .ih-v3 .ih-actionsrow[b-6g4n0qxqta],
        .ih-v3 .ih-metabar .ihv-codename[b-6g4n0qxqta],
        .ih-v3 .ih-metabar .ih-meta-strip[b-6g4n0qxqta] {
            display: none !important;
        }

        .ih-v3 .ih-meta-provenance[b-6g4n0qxqta] {
            margin-left: 0;
        }

        .ih-v3 .ih-titlerow[b-6g4n0qxqta] {
            margin-top: 12px;
        }

            .ih-v3 .ih-titlerow .ihv-title[b-6g4n0qxqta] {
                -webkit-line-clamp: 3;
                letter-spacing: -0.8px !important;
                margin-bottom: 12px !important;
            }

        .ih-v3 .ih-headline[b-6g4n0qxqta] {
            padding-top: 12px !important;
            margin-top: 0 !important;
        }

        .ih-v3 .ihv-slot-internal[b-6g4n0qxqta],
        .ih-v3 .ihv-slot-external[b-6g4n0qxqta] {
            display: none !important;
        }

        .ih-v3 .ihv-slot-verdict[b-6g4n0qxqta] {
            border-bottom: 0 !important;
            padding-bottom: 0 !important;
        }
        .ih-v3 .ih-meta-provenance .ihv-readout-line[b-6g4n0qxqta] {
            font-size: 9.5px !important;
            letter-spacing: 1.5px !important;
            gap: 8px !important;
        }
        .ih-v3 .ih-tabrail[b-6g4n0qxqta] {
            margin-top: 14px;
            width: 100%;
            padding: 0;
        }

        .ih-v3 .iv-pills-strip[b-6g4n0qxqta] {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 0 22px !important;
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: visible !important;
        }

        .ih-v3 .iv-pill[b-6g4n0qxqta] {
            padding: 12px 2px !important;
            min-width: 0 !important;
            width: auto !important;
            flex: 0 0 auto !important;
            justify-content: flex-start !important;
        }

            .ih-v3 .iv-pill[b-6g4n0qxqta]::before {
                display: none;
            }
}

@container ainna-header (width <= 400px) {
    .ih-v3[b-6g4n0qxqta] {
        padding: 16px 14px 0;
    }
}

.ih-v3 .ih-readonly-note[b-6g4n0qxqta] {
    display: none;
}

@media (max-width: 640px) {
    .ih-v3 .ihv-pending-pill[b-6g4n0qxqta],
    .ih-v3 .ihv-enlist-cta[b-6g4n0qxqta],
    .sh-ready .btn[b-6g4n0qxqta],
    .sh-failed .btn[b-6g4n0qxqta],
    .sh-header-actions[b-6g4n0qxqta],
    .premium-lock-card .btn[b-6g4n0qxqta],
    .iv-judge-discuss[b-6g4n0qxqta],
    .sh-coach-back[b-6g4n0qxqta],
    .iv-empty-hero-arrow[b-6g4n0qxqta] {
        display: none !important;
    }

    .ih-v3 .ih-readonly-note[b-6g4n0qxqta] {
        display: block;
        padding: 2px 0 12px;
        font: 600 8.5px/1.4 var(--font-mono-3a);
        letter-spacing: 1.4px;
        text-transform: uppercase;
        color: var(--ink-num);
    }
}

@media (max-width: 640px) {
    .section-inner:has(> .ih-v3)[b-6g4n0qxqta] {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

.ih-v3 .ihv-slot-internal[b-6g4n0qxqta]::before,
.ih-v3 .ihv-slot-external[b-6g4n0qxqta]::before,
.ih-v3 .ihv-slot-internal[b-6g4n0qxqta]::after,
.ih-v3 .ihv-slot-external[b-6g4n0qxqta]::after {
    content: none !important;
}

.ih-v3 .ihv-band-mini[b-6g4n0qxqta] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 7px;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.ih-v3 .ihv-band-pill[b-6g4n0qxqta] {
    --pill-fg: var(--ink-muted);
    display: inline-flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    min-width: 122px;
    padding: 4px 11px 4px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--pill-fg) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--pill-fg) 38%, transparent);
    font: 600 9px/1.2 var(--font-mono-3a);
    letter-spacing: 1.4px;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--ink-muted);
}

    .ih-v3 .ihv-band-pill.tier-great[b-6g4n0qxqta] {
        --pill-fg: #4ade80;
    }

    .ih-v3 .ihv-band-pill.tier-good[b-6g4n0qxqta] {
        --pill-fg: #a3e635;
    }

    .ih-v3 .ihv-band-pill.tier-moderate[b-6g4n0qxqta] {
        --pill-fg: #fb923c;
    }

    .ih-v3 .ihv-band-pill.tier-poor[b-6g4n0qxqta] {
        --pill-fg: #f87171;
    }

.ih-v3 .ihv-band-v[b-6g4n0qxqta] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--pill-fg);
    font-variant-numeric: tabular-nums;
}

.ih-v3 .ihv-band-fit.fit-pending[b-6g4n0qxqta],
.ih-v3 .ihv-band-fit.fit-stale[b-6g4n0qxqta] {
    --pill-fg: var(--amber-400);
}

.ih-v3 .ihv-band-fit.fit-agendainactive[b-6g4n0qxqta] {
    opacity: .55;
}

.ih-v3 .ih-meta-provenance[b-6g4n0qxqta] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

    .ih-v3 .ih-meta-provenance .ihv-readout-line[b-6g4n0qxqta] {
        margin: 0 !important;
        font-size: 10.5px !important;
        letter-spacing: 2px !important;
        gap: 9px !important;
        color: var(--ink-muted) !important;
    }

    .ih-v3 .ih-meta-provenance .ihv-eval-count[b-6g4n0qxqta],
    .ih-v3 .ih-meta-provenance .ihv-conf-line[b-6g4n0qxqta] {
        color: var(--ink-muted) !important;
    }

    .ih-v3 .ih-meta-provenance .ihv-readout-line--quiet[b-6g4n0qxqta] {
        color: var(--ink-faint) !important;
    }

    .ih-v3 .ih-meta-provenance .ihv-readout-line--error[b-6g4n0qxqta] {
        color: #f87171 !important;
    }

.ih-v3 .ihv-slot-verdict[b-6g4n0qxqta] {
    border-bottom: 1px solid var(--line) !important;
    padding-bottom: 14px !important;
}

.ih-v3 .ih-verdict-panel.state-graded .ihv-slot-internal .ihv-slot-head[b-6g4n0qxqta],
.ih-v3 .ih-verdict-panel.state-graded .ihv-slot-external .ihv-slot-head[b-6g4n0qxqta] {
    display: none !important;
}

.ih-v3 .ih-verdict-panel.state-graded .ihv-slot-internal .ihv-slot-body[b-6g4n0qxqta],
.ih-v3 .ih-verdict-panel.state-graded .ihv-slot-external .ihv-slot-body[b-6g4n0qxqta] {
    margin-top: 0 !important;
}

.ih-v3 .ihv-conf-dot--low[b-6g4n0qxqta] {
    background: #f87171 !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, #f87171 18%, transparent);
}

.ih-v3 .ihv-conf-dot--medium[b-6g4n0qxqta] {
    background: var(--amber-400) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--amber-400) 18%, transparent);
}

.ih-v3 .ihv-conf-dot--high[b-6g4n0qxqta] {
    background: #4ade80 !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, #4ade80 18%, transparent);
}

.ih-v3 .ihv-conf-dot--error[b-6g4n0qxqta] {
    background: #f87171 !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, #f87171 18%, transparent);
}

@container ainna-header (width > 1120px) {
    .ih-v3[b-6g4n0qxqta] {
        grid-template-columns: minmax(0, 1fr) clamp(400px, 30%, 520px);
    }
}

@container ainna-header (width > 940px) {
    .ih-v3 .ihv-score-column[b-6g4n0qxqta] {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-end !important;
        align-items: last baseline !important;
        gap: 18px !important;
        width: 100% !important;
    }
    .ih-v3 .ihv-cols[b-6g4n0qxqta] {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        column-gap: 18px !important;
        row-gap: 0 !important;
    }

    .ih-v3 .ihv-slot-verdict[b-6g4n0qxqta] {
        flex: 1 1 100% !important;
    }

    .ih-v3 .ihv-slot-internal[b-6g4n0qxqta],
    .ih-v3 .ihv-slot-external[b-6g4n0qxqta] {
        flex: 1 1 auto !important;
        margin-top: 12px !important;
    }
    .ih-v3 .ihv-stance-head[b-6g4n0qxqta] {
        margin-top: 16px !important;
    }
}

@container ainna-header (width <= 940px) {
    .ih-v3 .ihv-band-mini[b-6g4n0qxqta] {
        display: none !important;
    }

    .ih-v3 .ihv-slot-verdict[b-6g4n0qxqta] {
        padding-bottom: 8px !important;
    }

    .ih-v3 .ihv-slot-internal[b-6g4n0qxqta],
    .ih-v3 .ihv-slot-external[b-6g4n0qxqta] {
        margin-top: 8px !important;
    }
}

.ih-v3 .ihv-assess-ring[b-6g4n0qxqta] {
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 3px solid var(--track);
    border-top-color: var(--teal-400);
    animation: ihvAssessSpin-b-6g4n0qxqta 1.1s linear infinite;
    margin: 14px 0 6px;
}

@keyframes ihvAssessSpin-b-6g4n0qxqta {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ih-v3 .ihv-assess-ring[b-6g4n0qxqta] {
        animation: none;
    }
}

.ih-v3 .ihv-grade--running[b-6g4n0qxqta],
.ih-v3 .ihv-grade--error[b-6g4n0qxqta],
.ih-v3 .ihv-grade--empty[b-6g4n0qxqta] {
    animation: none !important;
}

.ih-v3 .ihv-empty-dash[b-6g4n0qxqta] {
    font: 700 56px/1 var(--font-display) !important;
    color: var(--ink-num) !important;
    letter-spacing: 0 !important;
}

.ih-v3 .ihv-grade--error i[b-6g4n0qxqta] {
    font-size: 40px !important;
    color: #f87171 !important;
}

.ih-v3 .ihv-headline-row[b-6g4n0qxqta] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 4px;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.ih-v3 .ihv-verdict-label[b-6g4n0qxqta] {
    order: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    font: 600 16px/1.3 var(--font-body) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: var(--ink-high) !important;
    opacity: 1 !important;
}

.ih-v3 .ihv-verdict-label--error[b-6g4n0qxqta] {
    color: #f87171 !important;
}

.ih-v3 .ihv-verdict-sub[b-6g4n0qxqta] {
    order: 1;
    font: 400 12.5px/1.5 var(--font-body);
    color: var(--ink-muted);
    max-width: 36ch;
}

.ih-v3 .ih-verdict-panel:not(.state-graded) .ihv-verdict-main[b-6g4n0qxqta] {
    margin: 0 !important;
    padding: 0 !important;
}

@container ainna-header (width > 940px) {
    .ih-v3 .ihv-verdict-main[b-6g4n0qxqta] {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        align-self: stretch !important;
        width: 100% !important;
        text-align: left !important;
    }
}

.ih-v3 .ihv-grade--reassessing[b-6g4n0qxqta] {
    opacity: .45 !important;
    filter: saturate(.7);
}

.ih-v3 .ih-verdict-panel:not(.state-graded) .ihv-headline-row[b-6g4n0qxqta] {
    margin: 6px 0 0 !important;
}

.ih-v3 .ihv-dots span[b-6g4n0qxqta] {
    background: var(--ink-muted) !important;
}

.ih-v3 .ihv-slot-verdict .ihv-slot-head[b-6g4n0qxqta] {
    display: none !important;
}

.ih-v3 .ih-verdict-panel:not(.state-graded) .ihv-slot-internal[b-6g4n0qxqta],
.ih-v3 .ih-verdict-panel:not(.state-graded) .ihv-slot-external[b-6g4n0qxqta] {
    display: none !important;
}

.ih-v3 .ih-verdict-panel:not(.state-graded) .ihv-slot-verdict[b-6g4n0qxqta] {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

@container ainna-header (width <= 940px) {
    .ih-v3 .ihv-assess-ring[b-6g4n0qxqta] {
        width: 26px;
        height: 26px;
        border-width: 2.5px;
        margin: 0;
    }

    .ih-v3 .ihv-empty-dash[b-6g4n0qxqta] {
        font-size: 34px !important;
    }

    .ih-v3 .ihv-grade--error i[b-6g4n0qxqta] {
        font-size: 26px !important;
    }

    .ih-v3 .ihv-headline-row[b-6g4n0qxqta] {
        margin: 0 !important;
    }

    .ih-v3 .ihv-verdict-label[b-6g4n0qxqta] {
        font-size: 14px !important;
    }

    .ih-v3 .ihv-verdict-sub[b-6g4n0qxqta] {
        display: none;
    }
}
/* /Components/ProdComponents/OpportunityScorecard.razor.rz.scp.css */
.opportunity-assessment-panel[b-r9n2iif30r] {
    background: transparent;
    border-radius: 0;
    overflow: visible;
}

    .opportunity-assessment-panel.collapsed[b-r9n2iif30r] {
        background: transparent;
    }

.assessment-section[b-r9n2iif30r] {
    position: relative;
    padding: 0;
    background: transparent;
    box-shadow: none;
    z-index: 1;
}

    .assessment-section:has(.assessment-hero-thinking)[b-r9n2iif30r],
    .assessment-section:has(.assessment-hero-empty)[b-r9n2iif30r],
    .assessment-section:has(.assessment-hero-error)[b-r9n2iif30r] {
        padding: 1.75rem 2rem 1.5rem;
        min-height: 285px;
        background: radial-gradient(ellipse at top left, rgba(255, 255, 255, 0.75) 0%, transparent 55%), radial-gradient(ellipse at top right, rgba(240, 12, 113, 0.05) 0%, transparent 50%), linear-gradient(180deg, #f9f6ef 0%, #efeadf 100%);
        border: 1px solid rgba(15, 23, 42, 0.10);
        border-radius: 18px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 2px 6px rgba(15, 23, 42, 0.06), 0 8px 20px rgba(15, 23, 42, 0.08), 0 32px 64px rgba(15, 23, 42, 0.12), 0 32px 80px rgba(240, 12, 113, 0.04);
    }

.opportunity-assessment-panel.empty-state[b-r9n2iif30r] {
    background: transparent;
}

    .opportunity-assessment-panel.empty-state .assessment-section[b-r9n2iif30r] {
        background: transparent;
        box-shadow: none;
    }

.assessment-hero-thinking[b-r9n2iif30r] {
    animation: judgeFocusIn-b-r9n2iif30r 0.5s ease-out both;
}

.judge-thinking-ring-icon[b-r9n2iif30r] {
    font-size: 1.75rem;
    color: var(--ink-5);
    animation: judgeIconPulse-b-r9n2iif30r 3s ease-in-out infinite;
}

@keyframes judgeIconPulse-b-r9n2iif30r {
    0%, 100% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.7;
    }
}

.judge-thinking-headline[b-r9n2iif30r] {
    font-family: var(--font);
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    letter-spacing: var(--letter-spacing-tight);
    margin-top: 0.25rem;
}

.os-judge-name.os-judge-thinking[b-r9n2iif30r] {
    text-transform: none;
    letter-spacing: 0.01em;
}

.judge-dots[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: 0.25rem;
    vertical-align: middle;
}

    .judge-dots span[b-r9n2iif30r] {
        display: inline-block;
        width: 3px;
        height: 3px;
        background: var(--ink-5);
        border-radius: 50%;
        animation: dotBounce-b-r9n2iif30r 1.2s ease-in-out infinite;
    }

        .judge-dots span:nth-child(2)[b-r9n2iif30r] {
            animation-delay: 0.15s;
        }

        .judge-dots span:nth-child(3)[b-r9n2iif30r] {
            animation-delay: 0.3s;
        }

.assessment-hero[b-r9n2iif30r] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2rem;
    align-items: start;
}

@keyframes dotBounce-b-r9n2iif30r {
    0%, 60%, 100% {
        opacity: 0.25;
        transform: scale(0.85);
    }

    30% {
        opacity: 1;
        transform: scale(1.15);
    }
}

.os-score-column[b-r9n2iif30r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.os-ring-wrap[b-r9n2iif30r] {
    position: relative;
    width: 136px;
    height: 136px;
    animation: osRingIn-b-r9n2iif30r 0.5s ease-out both;
}

@keyframes osRingIn-b-r9n2iif30r {
    from {
        opacity: 0;
        transform: scale(0.88);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.os-ring-svg[b-r9n2iif30r] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    display: block;
}

.os-ring-track[b-r9n2iif30r] {
    stroke: var(--border-color);
    stroke-width: 8;
}

.computing-ring-hero[b-r9n2iif30r] {
    stroke: var(--ink-6);
    stroke-linecap: round;
    animation: spinDashHero-b-r9n2iif30r 1.8s linear infinite;
}

@keyframes spinDashHero-b-r9n2iif30r {
    0% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: -414.69;
    }
}

.os-ring-center[b-r9n2iif30r] {
    position: absolute;
    inset: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    background: var(--sc-center, transparent);
    border-radius: 50%;
    transition: background 0.3s ease;
}

.os-ring-empty[b-r9n2iif30r] {
    width: 120px;
    height: 120px;
}

    .os-ring-empty .os-ring-track[b-r9n2iif30r] {
        stroke: var(--border-color);
    }

.os-empty-dash[b-r9n2iif30r] {
    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;
    font-size: 2.5rem;
    font-weight: var(--font-weight-bold);
    color: var(--border-color);
}

.assessment-hero-empty[b-r9n2iif30r] {
    opacity: 1;
}

    .assessment-hero-empty .os-meta[b-r9n2iif30r],
    .assessment-hero-thinking .os-meta[b-r9n2iif30r] {
        gap: 0.375rem;
        margin-right: 0;
    }

.os-empty-verdict[b-r9n2iif30r] {
    font-family: var(--font);
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-3);
    line-height: 1.35;
}

.os-empty-subtitle[b-r9n2iif30r] {
    font-family: var(--font);
    font-size: var(--text-base);
    font-weight: var(--font-weight-regular);
    color: var(--ink-4);
    line-height: 1.5;
}

.assessment-hero-error .os-meta[b-r9n2iif30r] {
    gap: 0.625rem;
    margin-right: 0;
}

.os-ring-wrap.os-ring-error .os-ring-track[b-r9n2iif30r] {
    stroke: rgba(220, 38, 38, 0.18);
}

.os-error-icon[b-r9n2iif30r] {
    font-size: 2.25rem;
    color: rgba(220, 38, 38, 0.7);
    line-height: 1;
}

.os-error-verdict[b-r9n2iif30r] {
    font-family: var(--font);
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    color: rgba(15, 23, 42, 0.85);
    line-height: 1.35;
}

.os-error-subtitle[b-r9n2iif30r] {
    font-family: var(--font);
    font-size: var(--text-base);
    font-weight: var(--font-weight-regular);
    color: var(--text-tertiary);
    line-height: 1.5;
    max-width: 480px;
}

.os-error-retry[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.625rem;
    padding: 0.5625rem 1rem;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    font-family: var(--font);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    color: rgba(15, 23, 42, 0.85);
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    align-self: flex-start;
}

    .os-error-retry:hover[b-r9n2iif30r] {
        border-color: rgba(15, 23, 42, 0.20);
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    }

    .os-error-retry:active[b-r9n2iif30r] {
        transform: translateY(1px);
    }

    .os-error-retry i[b-r9n2iif30r] {
        font-size: var(--text-xs);
        color: rgba(220, 38, 38, 0.7);
    }

.os-judge-attr[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    animation: osMetaIn-b-r9n2iif30r 0.4s ease-out both;
}

.os-judge-icon[b-r9n2iif30r] {
    font-size: var(--text-2xs);
    color: var(--ink-5);
}

.os-judge-name[b-r9n2iif30r] {
    font-family: var(--font);
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ink-5);
}

.os-meta[b-r9n2iif30r] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    min-width: 0;
    padding-top: 2px;
    margin-right: 5rem;
    animation: osMetaIn-b-r9n2iif30r 0.5s ease-out 0.1s both;
}

@keyframes osMetaIn-b-r9n2iif30r {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes judgeFocusIn-b-r9n2iif30r {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.jfs-subtle[b-r9n2iif30r] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.jfs-verdict[b-r9n2iif30r] {
    margin-top: 0.25rem;
}

.jfs-focus[b-r9n2iif30r] {
    margin-top: 0.375rem;
}

.skeleton-bar-soft[b-r9n2iif30r] {
    height: 10px;
    border-radius: var(--radius-xs);
    background: linear-gradient(90deg, rgba(15,23,42,0.05) 0%, rgba(15,23,42,0.11) 40%, rgba(15,23,42,0.05) 80%);
    background-size: 200% 100%;
    animation: jfsShimmer-b-r9n2iif30r 2.8s ease-in-out infinite;
}

@keyframes jfsShimmer-b-r9n2iif30r {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.text-shimmer[b-r9n2iif30r] {
    animation: shimmerBrighten-b-r9n2iif30r 2.5s ease-in-out infinite;
}

.assessment-hero .text-shimmer[b-r9n2iif30r] {
    animation: shimmerDim-b-r9n2iif30r 2.5s ease-in-out infinite;
}

@keyframes shimmerBrighten-b-r9n2iif30r {
    0%, 100% {
        filter: brightness(1);
    }

    50% {
        filter: brightness(2);
    }
}

@keyframes shimmerDim-b-r9n2iif30r {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.ainna-mark[b-r9n2iif30r] {
    width: 0.875rem;
    height: 0.875rem;
    object-fit: contain;
    flex-shrink: 0;
    opacity: 0.7;
    vertical-align: middle;
}















.assessment-detail[b-r9n2iif30r] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.4s cubic-bezier(0.4,0,0.2,1), opacity 0.3s cubic-bezier(0.4,0,0.2,1);
    background: rgba(15, 23, 42, 0.025);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 16px;
    box-shadow: none;
    overflow: hidden;
}

.assessment-section:has(.assessment-hero) + .assessment-detail[b-r9n2iif30r] {
    margin-top: 1rem;
}

.assessment-detail-inner[b-r9n2iif30r] {
    overflow: hidden;
    min-height: 0;
}

.assessment-detail.expanded .assessment-detail-inner[b-r9n2iif30r] {
    min-height: 520px;
}

.assessment-detail.expanded[b-r9n2iif30r] {
    grid-template-rows: 1fr;
    opacity: 1;
}



    .assessment-detail.expanded .intel-grid[b-r9n2iif30r] {
        animation: fadeSlideIn-b-r9n2iif30r 0.3s cubic-bezier(0.4,0,0.2,1) 0.08s both;
    }

    .assessment-detail.expanded .dimensions-section[b-r9n2iif30r] {
        animation: fadeSlideIn-b-r9n2iif30r 0.3s cubic-bezier(0.4,0,0.2,1) 0.14s both;
    }



@keyframes fadeSlideIn-b-r9n2iif30r {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}



















.intel-grid[b-r9n2iif30r] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    padding: 0;
    min-width: 0;
}

.intel-card[b-r9n2iif30r] {
    padding: 1.125rem 1.25rem 1rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-md);
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

    .intel-card:hover[b-r9n2iif30r] {
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
        transform: translateY(-1px);
    }

.intel-risks[b-r9n2iif30r] {
    border-color: rgba(239, 68, 68, 0.22);
}

    .intel-risks:hover[b-r9n2iif30r] {
        border-color: rgba(239, 68, 68, 0.36);
    }

.intel-assumptions[b-r9n2iif30r] {
    border-color: rgba(245, 158, 11, 0.24);
}

    .intel-assumptions:hover[b-r9n2iif30r] {
        border-color: rgba(245, 158, 11, 0.38);
    }

.intel-recommendations[b-r9n2iif30r] {
    border-color: rgba(139, 92, 246, 0.24);
}

    .intel-recommendations:hover[b-r9n2iif30r] {
        border-color: rgba(139, 92, 246, 0.38);
    }

.intel-label-row[b-r9n2iif30r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.intel-label[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-family: var(--font);
    font-size: 0.5rem;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.intel-label-icon[b-r9n2iif30r] {
    font-size: 0.4375rem;
    opacity: 0.7;
}

.intel-risks .intel-label[b-r9n2iif30r] {
    color: #ef4444;
}

.intel-assumptions .intel-label[b-r9n2iif30r] {
    color: #f59e0b;
}

.intel-recommendations .intel-label[b-r9n2iif30r] {
    color: #8b5cf6;
}

.intel-title[b-r9n2iif30r] {
    font-family: var(--font);
    font-size: 0.9375rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    line-height: 1.35;
    letter-spacing: var(--letter-spacing-tight);
    margin: 0 0 0.875rem;
    padding: 0;
}

.intel-items[b-r9n2iif30r] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.intel-item[b-r9n2iif30r] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    padding: 0.5rem 0;
    border-top: 1px solid rgba(0,0,0,0.04);
    position: relative;
    transition: background 0.15s ease;
    margin: 0 -0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: var(--radius-sm);
}

    .intel-item:first-child[b-r9n2iif30r] {
        border-top: none;
    }

    .intel-item:hover[b-r9n2iif30r] {
        background: rgba(15, 23, 42, 0.08);
    }

.intel-item-num[b-r9n2iif30r] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 50%;
    font-family: var(--font);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    flex-shrink: 0;
    margin-top: 0.0625rem;
    color: var(--ink-5);
    background: rgba(0,0,0,0.03);
    border: 1.5px solid rgba(0,0,0,0.06);
}

.intel-item-body[b-r9n2iif30r] {
    flex: 1;
    min-width: 0;
    line-height: 1.5;
    position: relative;
}

.intel-item-text[b-r9n2iif30r] {
    font-family: var(--font);
    font-size: var(--text-base);
    font-weight: var(--font-weight-regular);
    color: var(--text-secondary);
    line-height: 1.5;
}

.intel-item-cta[b-r9n2iif30r] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(4px);
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    padding: 0.25rem 0.625rem 0.25rem 0.5rem;
    font-family: var(--font);
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-semibold);
    color: var(--text-tertiary);
    letter-spacing: 0.01em;
    background: var(--background-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-full);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease, color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
    white-space: nowrap;
    z-index: 1;
}

.intel-item:hover .intel-item-cta[b-r9n2iif30r] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) translateX(0);
}

.intel-item-cta:hover[b-r9n2iif30r] {
    color: var(--text-secondary);
    background: var(--background-tertiary);
    border-color: var(--border-strong);
}

.intel-item-cta i[b-r9n2iif30r] {
    font-size: 0.375rem;
    opacity: 0.5;
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.intel-item-cta:hover i[b-r9n2iif30r] {
    transform: translateX(2px);
    opacity: 0.8;
}

.intel-item-sent .intel-item-text[b-r9n2iif30r] {
    color: var(--text-tertiary);
}

.intel-item-sent .intel-item-num[b-r9n2iif30r] {
    opacity: 0.4;
}

.intel-item-sent-badge[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    gap: 0.1875rem;
    margin-top: 0.25rem;
    font-family: var(--font);
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-semibold);
    color: var(--success);
    white-space: nowrap;
    animation: sentFadeIn-b-r9n2iif30r 0.3s ease-out both;
}

    .intel-item-sent-badge i[b-r9n2iif30r] {
        font-size: 0.375rem;
    }

@keyframes sentFadeIn-b-r9n2iif30r {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (hover: none) {
    .intel-item-cta[b-r9n2iif30r] {
        opacity: 1;
        transform: translateY(0);
    }
}

.intel-empty[b-r9n2iif30r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding: 2rem 1rem;
    flex: 1;
    min-height: 120px;
}

.intel-empty-icon[b-r9n2iif30r] {
    font-size: 1.25rem;
    color: var(--border-strong);
}

.intel-empty-text[b-r9n2iif30r] {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-regular);
    color: var(--text-tertiary);
    text-align: center;
    line-height: 1.5;
}

.intel-skeleton[b-r9n2iif30r] {
    display: flex;
    flex-direction: column;
}

.skeleton-bar[b-r9n2iif30r] {
    height: 12px;
    border-radius: var(--radius-sm);
    background: var(--background-tertiary);
    animation: skeletonPulse-b-r9n2iif30r 1.8s ease-in-out infinite;
    animation-delay: 0.15s;
}

@keyframes skeletonPulse-b-r9n2iif30r {
    0%, 100% {
        opacity: 0.4;
    }

    50% {
        opacity: 1;
    }
}

.dimensions-section[b-r9n2iif30r] {
    padding: 0;
}

@keyframes spinDash-b-r9n2iif30r {
    0% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: -114.67;
    }
}

.dimension-value[b-r9n2iif30r] {
    font-family: var(--font);
    font-size: 1rem;
    font-weight: var(--font-weight-extrabold);
    color: var(--text-heading);
}

.dimension-value-computing[b-r9n2iif30r], .dimension-value-empty[b-r9n2iif30r] {
    font-size: var(--text-md);
    font-weight: var(--font-weight-bold);
    color: var(--border-strong);
}

.score-label-text[b-r9n2iif30r] {
    display: inline-block;
    font-family: var(--font);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.1875rem 0.625rem;
    border-radius: 0.25rem;
    animation: labelFadeIn-b-r9n2iif30r 0.3s ease-out both;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

@keyframes labelFadeIn-b-r9n2iif30r {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.score-label-empty[b-r9n2iif30r] {
    color: var(--border-strong);
}

.score-label-processing[b-r9n2iif30r] {
    display: inline-block;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-tertiary);
    animation: processingFade-b-r9n2iif30r 1.8s ease-in-out infinite;
}

@keyframes processingFade-b-r9n2iif30r {
    0%,100% {
        color: var(--text-tertiary);
    }

    50% {
        color: var(--border-strong);
    }
}

.label-great[b-r9n2iif30r] {
    color: var(--score-great);
    background: color-mix(in srgb, var(--score-great) 8%, transparent);
}

.label-good[b-r9n2iif30r] {
    color: var(--score-good);
    background: color-mix(in srgb, var(--score-good) 8%, transparent);
}

.label-moderate[b-r9n2iif30r] {
    color: var(--score-moderate);
    background: color-mix(in srgb, var(--score-moderate) 8%, transparent);
}

.label-poor[b-r9n2iif30r] {
    color: var(--score-poor-vivid);
    background: color-mix(in srgb, var(--score-poor) 8%, transparent);
}





.contributors-strip[b-r9n2iif30r] {
    display: grid;
    grid-template-columns: 70fr 30fr;
    align-items: center;
    column-gap: 2rem;
    margin: 1.5rem 1.5rem 1.5rem;
    padding: 1.25rem 0 0;
    border-top: 1px solid rgba(15, 23, 42, 0.10);
    scroll-margin-top: 1rem;
}

.cs-text-col[b-r9n2iif30r] {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding-right: 2rem;
}

    .cs-text-col[b-r9n2iif30r]::after {
        content: "";
        position: absolute;
        top: 0.25rem;
        bottom: 0.25rem;
        right: 0;
        width: 1px;
        background: linear-gradient( 180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.12) 18%, rgba(15, 23, 42, 0.12) 82%, rgba(15, 23, 42, 0) 100% );
        pointer-events: none;
    }

.cs-row-left[b-r9n2iif30r] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    min-width: 0;
}

.cs-avatars[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.cs-avatars[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.cs-avatar[b-r9n2iif30r] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    margin-left: -0.4375rem;
    font-family: var(--font);
    font-size: 0.6875rem;
    font-weight: var(--font-weight-bold);
}

    .cs-avatar:first-child[b-r9n2iif30r] {
        margin-left: 0;
    }

.cs-avatar-ai[b-r9n2iif30r] {
    background: #0f172a;
    overflow: hidden;
}

    .cs-avatar-ai img[b-r9n2iif30r] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.cs-avatar-human[b-r9n2iif30r] {
    background: rgba(240, 12, 113, 0.10);
    color: #f00c71;
}

    .cs-avatar-human i[b-r9n2iif30r] {
        font-size: 0.75rem;
    }

.cs-avatar-more[b-r9n2iif30r] {
    background: rgba(15, 23, 42, 0.06);
    color: #5f6368;
    font-size: 0.625rem;
}

.cs-meta-line[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    line-height: 1.35;
}

.cs-meta-line-primary[b-r9n2iif30r] {
    font-family: var(--font);
    font-size: 0.875rem;
    color: #2c3e50;
}

    .cs-meta-line-primary strong[b-r9n2iif30r] {
        font-weight: var(--font-weight-bold);
        color: #2c3e50;
    }

.cs-meta-hint[b-r9n2iif30r] {
    color: #5f6368;
    font-weight: var(--font-weight-regular);
    font-size: 0.8125rem;
}

.cs-meta-stats[b-r9n2iif30r] {
    font-size: 0.75rem;
}

.cs-stat[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    color: #5f6368;
    font-family: var(--font);
}

    .cs-stat i[b-r9n2iif30r] {
        font-size: 0.6875rem;
        color: #94a3b8;
    }

.cs-stat-label[b-r9n2iif30r] {
    color: #94a3b8;
    letter-spacing: 0.02em;
}

.cs-stat-value[b-r9n2iif30r] {
    color: #475569;
    font-weight: var(--font-weight-semibold);
    font-variant-numeric: tabular-nums;
}

.cs-stat + .cs-stat[b-r9n2iif30r]::before {
    content: "·";
    color: #cbd5e1;
    margin: 0 0.4375rem 0 0;
}

.cs-action-primary[b-r9n2iif30r] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4375rem;
    padding: 0.5625rem 0.875rem;
    background: #f00c71;
    border: 1px solid #f00c71;
    border-radius: 8px;
    font-family: var(--font);
    font-size: 0.8125rem;
    font-weight: var(--font-weight-semibold);
    color: #ffffff;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.12s ease, box-shadow 0.18s ease;
    box-shadow: 0 1px 2px rgba(240, 12, 113, 0.20);
}

    .cs-action-primary:hover:not(.disabled):not(:disabled)[b-r9n2iif30r] {
        background: #d10761;
        border-color: #d10761;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(240, 12, 113, 0.28);
    }

    .cs-action-primary:active:not(.disabled):not(:disabled)[b-r9n2iif30r] {
        transform: translateY(0);
    }

    .cs-action-primary i[b-r9n2iif30r] {
        font-size: 0.75rem;
    }

.cs-action-secondary[b-r9n2iif30r] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4375rem;
    padding: 0.5625rem 0.875rem;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.16);
    border-radius: 8px;
    font-family: var(--font);
    font-size: 0.8125rem;
    font-weight: var(--font-weight-semibold);
    color: #2c3e50;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.12s ease, box-shadow 0.18s ease;
}

    .cs-action-secondary:hover:not(.disabled):not(:disabled)[b-r9n2iif30r] {
        background: rgba(15, 23, 42, 0.02);
        border-color: rgba(15, 23, 42, 0.28);
        color: #2c3e50;
        transform: translateY(-1px);
        box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06);
    }

    .cs-action-secondary:active:not(.disabled):not(:disabled)[b-r9n2iif30r] {
        transform: translateY(0);
    }

    .cs-action-secondary i[b-r9n2iif30r] {
        font-size: 0.75rem;
    }

    .cs-action-primary.disabled[b-r9n2iif30r],
    .cs-action-secondary.disabled[b-r9n2iif30r],
    .cs-action-primary:disabled[b-r9n2iif30r],
    .cs-action-secondary:disabled[b-r9n2iif30r] {
        opacity: 0.55;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
    }

@media (max-width: 1080px) {
    .contributors-strip[b-r9n2iif30r] {
        column-gap: 1.5rem;
    }

    .cs-text-col[b-r9n2iif30r] {
        padding-right: 1.5rem;
    }
}

@media (max-width: 720px) {
    .contributors-strip[b-r9n2iif30r] {
        grid-template-columns: 1fr;
        row-gap: 1rem;
    }

    .cs-text-col[b-r9n2iif30r] {
        padding-right: 0;
    }

        .cs-text-col[b-r9n2iif30r]::after {
            display: none;
        }
}

.dim-panels[b-r9n2iif30r] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.625rem;
    align-items: start;
}

.dim-panel[b-r9n2iif30r] {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    border-radius: 12px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

    .dim-panel:hover[b-r9n2iif30r] {
        border-color: color-mix(in srgb, #f00c71 22%, #e8eaed);
        box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
    }

    .dim-panel:focus-visible[b-r9n2iif30r] {
        outline: 2px solid #f00c71;
        outline-offset: 2px;
    }

.dim-panel-head[b-r9n2iif30r] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    padding: 1.125rem;
    min-height: 8rem;
}

.dim-panel-ring-wrap[b-r9n2iif30r] {
    position: relative;
    flex-shrink: 0;
    width: 3.5rem;
    height: 3.5rem;
}

.dim-panel-ring[b-r9n2iif30r] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

    .dim-panel-ring .ring-track[b-r9n2iif30r] {
        fill: none;
        stroke: color-mix(in srgb, #2c3e50 7%, transparent);
        stroke-width: 3.7;
    }

    .dim-panel-ring .ring-fill[b-r9n2iif30r] {
        fill: none;
        stroke: #94a3b8;
        stroke-width: 3.7;
        stroke-linecap: round;
        transition: stroke-dashoffset 0.8s ease-out, stroke 0.3s ease-out;
    }

.dim-panel.status-great .dim-panel-ring .ring-fill[b-r9n2iif30r] {
    stroke: #16a34a;
}

.dim-panel.status-good .dim-panel-ring .ring-fill[b-r9n2iif30r] {
    stroke: #65a30d;
}

.dim-panel.status-moderate .dim-panel-ring .ring-fill[b-r9n2iif30r] {
    stroke: #ea580c;
}

.dim-panel.status-poor .dim-panel-ring .ring-fill[b-r9n2iif30r] {
    stroke: #dc2626;
}

.dim-panel-ring .computing-ring-small[b-r9n2iif30r] {
    animation: spinDash-b-r9n2iif30r 1.2s linear infinite;
    stroke-linecap: round;
    filter: drop-shadow(0 0 3px rgba(180, 185, 195, 0.35));
}

.dim-panel-value-wrap[b-r9n2iif30r] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .dim-panel-value-wrap .dimension-value[b-r9n2iif30r] {
        font-family: var(--font);
        font-size: 1.0625rem;
        font-weight: var(--font-weight-extrabold);
        color: #2c3e50;
    }

.dim-panel-meta[b-r9n2iif30r] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dim-panel-title-row[b-r9n2iif30r] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.dim-panel-label[b-r9n2iif30r] {
    font-family: var(--font);
    font-size: 0.9375rem;
    font-weight: var(--font-weight-bold);
    color: #2c3e50;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.dim-panel-status[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

    .dim-panel-status .score-label-text[b-r9n2iif30r] {
        margin: 0;
    }

.dim-panel-delta[b-r9n2iif30r] {
    font-family: var(--font-mono);
    font-size: 0.625rem;
    font-weight: var(--font-weight-bold);
    padding: 0.0625rem 0.3125rem;
    border-radius: 4px;
}

.dim-panel.dim-improved .dim-panel-delta[b-r9n2iif30r] {
    color: #16a34a;
    background: #f0fdf4;
}

.dim-panel.dim-declined .dim-panel-delta[b-r9n2iif30r] {
    color: #dc2626;
    background: #fef2f2;
}

.dim-panel-chevron[b-r9n2iif30r] {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 0.0625rem;
    display: none;
    width: 1.625rem;
    height: 1.625rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: #64748b;
    font-size: 0.625rem;
    transition: transform 0.25s ease, color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.dim-panel.is-truncated .dim-panel-chevron[b-r9n2iif30r],
.dim-panel.has-more .dim-panel-chevron[b-r9n2iif30r] {
    display: inline-flex;
}

.dim-panel:hover .dim-panel-chevron[b-r9n2iif30r] {
    color: #2c3e50;
    background: rgba(15, 23, 42, 0.07);
    border-color: rgba(15, 23, 42, 0.16);
}

.dim-panel.is-open .dim-panel-chevron[b-r9n2iif30r] {
    transform: rotate(180deg);
}

.dim-panel-justification[b-r9n2iif30r] {
    margin: 0;
    padding: 0;
    font-family: var(--font);
    font-size: 0.875rem;
    line-height: 1.55;
    color: #5f6368;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-word;
}

.dim-panel.is-open .dim-panel-justification[b-r9n2iif30r] {
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    display: block;
}

.dim-panel-justification-empty[b-r9n2iif30r] {
    color: #94a3b8;
    font-style: italic;
}

@media (prefers-reduced-motion: reduce) {
    .os-ring-wrap[b-r9n2iif30r],
    .os-meta[b-r9n2iif30r],
    .score-label-text[b-r9n2iif30r],
    .score-label-processing[b-r9n2iif30r],
    .computing-ring-small[b-r9n2iif30r],
    .computing-ring-hero[b-r9n2iif30r],
    .skeleton-bar[b-r9n2iif30r],
    .skeleton-bar-soft[b-r9n2iif30r],
    .judge-dots span[b-r9n2iif30r],
    .intel-item-cta[b-r9n2iif30r],
    .intel-item-cta i[b-r9n2iif30r],
    .judge-thinking-ring-icon[b-r9n2iif30r],
    .os-judge-name.os-judge-thinking[b-r9n2iif30r],
    .assessment-hero-thinking[b-r9n2iif30r],
    .text-shimmer[b-r9n2iif30r],
    .os-judge-attr[b-r9n2iif30r] {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .opportunity-assessment-panel[b-r9n2iif30r],
    .ring-fill[b-r9n2iif30r],
    .assessment-detail[b-r9n2iif30r] {
        transition: none;
    }

    .text-shimmer[b-r9n2iif30r],
    .assessment-hero .text-shimmer[b-r9n2iif30r] {
        animation: none !important;
    }
}

@media (max-width: 1024px) {
    .os-meta[b-r9n2iif30r] {
        margin-right: 3.5rem;
    }
}

@media (max-width: 900px) {
    .assessment-section[b-r9n2iif30r] {
        padding: 1.5rem 1.5rem 1.25rem;
    }

    .assessment-hero[b-r9n2iif30r] {
        gap: 1.25rem;
    }

        .assessment-hero:not(.assessment-hero-empty):not(.assessment-hero-thinking):not(.assessment-hero-error)[b-r9n2iif30r] {
            padding: 1.5rem 1.25rem 1.25rem;
        }

    .os-ring-wrap[b-r9n2iif30r] {
        width: 120px;
        height: 120px;
    }

    .os-meta[b-r9n2iif30r] {
        margin-right: 2rem;
    }
}

@media (max-width: 768px) {
    .assessment-section[b-r9n2iif30r] {
        padding: 1.25rem 1.25rem 1.25rem;
        min-height: 260px;
    }

    .assessment-hero[b-r9n2iif30r] {
        grid-template-columns: 1fr;
        gap: 1rem;
        text-align: center;
    }

        .assessment-hero:not(.assessment-hero-empty):not(.assessment-hero-thinking):not(.assessment-hero-error)[b-r9n2iif30r] {
            padding: 1.25rem 1rem 1rem;
        }

    .os-score-column[b-r9n2iif30r] {
        justify-self: center;
    }

    .os-meta[b-r9n2iif30r] {
        align-items: center;
        text-align: center;
        margin-right: 0;
    }

    .os-judge-attr[b-r9n2iif30r] {
        justify-content: center;
    }

    .os-ring-wrap[b-r9n2iif30r] {
        width: 116px;
        height: 116px;
    }









    .intel-grid[b-r9n2iif30r] {
        grid-template-columns: 1fr;
        padding: 1rem 1rem;
        gap: 0.5rem;
    }

    .dimensions-section[b-r9n2iif30r] {
        padding: 1rem 1rem 1.25rem;
    }

    .intel-item-cta[b-r9n2iif30r] {
        opacity: 1;
        transform: translateY(0);
    }

    .intel-item[b-r9n2iif30r] {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 640px) {
    .assessment-section[b-r9n2iif30r] {
        padding: 1rem 0.75rem 0;
        min-height: 240px;
    }

    .assessment-hero:not(.assessment-hero-empty):not(.assessment-hero-thinking):not(.assessment-hero-error)[b-r9n2iif30r] {
        padding: 1rem 0.75rem 0.75rem;
    }

    .os-ring-wrap[b-r9n2iif30r] {
        width: 104px;
        height: 104px;
    }

    .dimensions-section[b-r9n2iif30r] {
        padding: 1rem 0.75rem 1.25rem;
    }

    .intel-grid[b-r9n2iif30r] {
        padding: 1rem 0.75rem;
    }

    .intel-card[b-r9n2iif30r] {
        padding: 1rem 1rem 0.875rem;
    }

    .intel-title[b-r9n2iif30r] {
        font-size: var(--text-base);
    }

    .intel-item-text[b-r9n2iif30r] {
        font-size: var(--text-sm);
    }

    .intel-item-num[b-r9n2iif30r] {
        width: 1.375rem;
        height: 1.375rem;
        font-size: var(--text-2xs);
        border-width: 1px;
    }
}

@media (max-width: 480px) {
    .assessment-section[b-r9n2iif30r] {
        padding: 0.875rem 0.625rem 0;
    }

    .assessment-hero:not(.assessment-hero-empty):not(.assessment-hero-thinking):not(.assessment-hero-error)[b-r9n2iif30r] {
        padding: 0.875rem 0.5rem 0.625rem;
    }

    .os-ring-wrap[b-r9n2iif30r] {
        width: 96px;
        height: 96px;
    }

    .dimension-value[b-r9n2iif30r] {
        font-size: var(--text-base);
    }
}

.cs-meta-status[b-r9n2iif30r] {
    margin-top: 0.625rem;
    font-family: var(--font);
    font-size: 0.8125rem;
    line-height: 1.5;
    padding: 0.5rem 0.75rem;
    border-left: 3px solid #E0447C;
    border-radius: 6px;
    background: rgba(224, 68, 124, 0.06);
    color: #475569;
}

.contributors-strip[b-r9n2iif30r] {
    flex-direction: column;
    align-items: stretch;
    gap: 1.125rem;
}

.cs-eval-panes[b-r9n2iif30r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    gap: 1.125rem;
}

.cs-eval-pane[b-r9n2iif30r] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.875rem 1rem;
    border: 1px solid color-mix(in srgb, currentColor 9%, transparent);
    border-radius: var(--radius-md, 8px);
}

.cs-eval-kicker[b-r9n2iif30r] {
    font-family: var(--font-mono, monospace);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.55;
}

.cs-eval-why[b-r9n2iif30r] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.55;
    opacity: 0.75;
}

.cs-teameval[b-r9n2iif30r] {
    appearance: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0.125rem 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: color-mix(in srgb, currentColor 72%, transparent);
    transition: color 0.18s ease;
}

    .cs-teameval:hover[b-r9n2iif30r] {
        color: inherit;
    }

    .cs-teameval i[b-r9n2iif30r] {
        font-size: 0.625rem;
        opacity: 0.8;
    }

.cs-teameval-label[b-r9n2iif30r] {
    margin-right: auto;
}

.cs-teameval-switch[b-r9n2iif30r] {
    position: relative;
    flex: 0 0 auto;
    width: 30px;
    height: 16px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, currentColor 32%, transparent);
    transition: background 0.18s ease, border-color 0.18s ease;
}

.cs-teameval-thumb[b-r9n2iif30r] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: color-mix(in srgb, currentColor 45%, transparent);
    transition: transform 0.18s ease, background 0.18s ease;
}

.cs-teameval[aria-checked="true"] .cs-teameval-switch[b-r9n2iif30r] {
    background: color-mix(in srgb, currentColor 78%, transparent);
    border-color: transparent;
}

.cs-teameval[aria-checked="true"] .cs-teameval-thumb[b-r9n2iif30r] {
    background: #ffffff;
    transform: translateX(14px);
}

.cs-teameval--locked[b-r9n2iif30r] {
    color: color-mix(in srgb, currentColor 45%, transparent);
}

.cs-invite-cta[b-r9n2iif30r] {
    align-self: flex-start;
}



.contributors-strip[b-r9n2iif30r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 2rem;
    row-gap: 1.375rem;
}

.cs-text-col[b-r9n2iif30r] {
    grid-column: 1;
    grid-row: 1;
}

.cs-strip-tools[b-r9n2iif30r] {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: center;
}

.cs-eval-section[b-r9n2iif30r] {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 1.375rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.cs-eval-head[b-r9n2iif30r] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.cs-eval-title[b-r9n2iif30r] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: rgba(15, 23, 42, 0.85);
}

.cs-eval-subtitle[b-r9n2iif30r] {
    font-size: 0.8125rem;
    line-height: 1.5;
    color: rgba(15, 23, 42, 0.55);
}

.contributors-strip[b-r9n2iif30r] {
    margin-top: 2.75rem;
    padding-top: 1.625rem;
    row-gap: 1.125rem;
}

.cs-strip-head[b-r9n2iif30r] {
    grid-column: 1 / -1;
    grid-row: 1;
}

.cs-strip-title[b-r9n2iif30r] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: rgba(15, 23, 42, 0.85);
}

.cs-text-col[b-r9n2iif30r] {
    grid-row: 2;
}

.cs-strip-tools[b-r9n2iif30r] {
    grid-row: 2;
}

.cs-eval-section[b-r9n2iif30r] {
    grid-row: 3;
}

.cs-avatar-ghost[b-r9n2iif30r] {
    border: 2px dashed rgba(15, 23, 42, 0.20);
    background: rgba(15, 23, 42, 0.02);
    color: rgba(15, 23, 42, 0.26);
    box-shadow: none;
    font-size: 0.625rem;
}

.cs-avatar[b-r9n2iif30r] {
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.16), 0 1px 2px rgba(15, 23, 42, 0.06);
}

.cs-avatar-ghost[b-r9n2iif30r] {
    border: 2px dashed rgba(15, 23, 42, 0.22);
    box-shadow: none;
}

.contributors-strip[b-r9n2iif30r] {
    border-top: 0;
    margin-top: 1.375rem;
    padding-top: 0;
}

.cs-action-center[b-r9n2iif30r] {
    margin-top: 1.5rem;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

    .cs-action-center .contributors-strip[b-r9n2iif30r] {
        margin-top: 1.5rem;
    }

.dim-band-label[b-r9n2iif30r] {
    font-family: var(--font-mono, monospace);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5f6368;
    opacity: 0.7;
    margin: 1.125rem 0 0.4375rem;
}

.dim-panels + .dim-band-label[b-r9n2iif30r] {
    margin-top: 1.5rem;
}

.dim-panel-consensus[b-r9n2iif30r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.375rem;
    font-family: var(--font-mono, monospace);
    font-size: 0.6875rem;
    color: #5f6368;
    opacity: 0.85;
}

    .dim-panel-consensus.is-contested[b-r9n2iif30r] {
        color: var(--score-poor-vivid, #dc2626);
        opacity: 1;
    }

.dim-consensus-flag[b-r9n2iif30r] {
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.625rem;
    padding: 0.0625rem 0.3125rem;
    border-radius: 4px;
    color: var(--score-poor-vivid, #dc2626);
    background: color-mix(in srgb, var(--score-poor) 10%, transparent);
}

.dim-panel-disagreement[b-r9n2iif30r] {
    margin-top: 0.45rem;
    font-style: italic;
    font-size: 0.72rem;
    line-height: 1.55;
    color: #6b7280;
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
}

.dim-disagreement-icon[b-r9n2iif30r] {
    color: #d97706;
    font-size: 0.8rem;
    margin-top: 0.14rem;
    flex: 0 0 auto;
}

.dim-panel.dim-contested[b-r9n2iif30r] {
    border-color: color-mix(in srgb, var(--score-poor) 30%, transparent);
}

.os-pending-strip[b-r9n2iif30r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0.6rem 0 0.85rem;
    padding: 0.65rem 0.75rem 0.65rem 0.65rem;
    background: color-mix(in srgb, var(--accent, #f00c71) 6%, #ffffff);
    border: 1px solid color-mix(in srgb, var(--accent, #f00c71) 30%, transparent);
    border-left: 3px solid var(--accent, #f00c71);
    border-radius: 0.85rem;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--accent, #f00c71) 10%, transparent);
}

.os-pending-chip[b-r9n2iif30r] {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--accent, #f00c71) 10%, transparent);
    color: var(--accent, #f00c71);
    font-size: 0.85rem;
    flex: 0 0 auto;
}

.os-pending-text[b-r9n2iif30r] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.os-pending-headline[b-r9n2iif30r] {
    font-size: 0.84rem;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.3;
}

.os-pending-names[b-r9n2iif30r] {
    font-size: 0.74rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.os-pending-cta[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 0;
    border-radius: 999px;
    padding: 0.45rem 0.95rem;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    cursor: pointer;
    background: var(--accent, #f00c71);
    color: #fff;
    flex: 0 0 auto;
    transition: filter 0.15s ease, transform 0.05s ease;
}

    .os-pending-cta:hover:not(:disabled)[b-r9n2iif30r] {
        filter: brightness(1.06);
    }

    .os-pending-cta:active:not(:disabled)[b-r9n2iif30r] {
        transform: translateY(1px);
    }

    .os-pending-cta:disabled[b-r9n2iif30r] {
        opacity: 0.55;
        cursor: default;
    }

.os-empty-reviewers[b-r9n2iif30r] {
    margin-top: 0.55rem;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.78rem;
    color: #2563eb;
}

.os-kicker[b-r9n2iif30r] {
    display: block;
    font-family: var(--font-mono, monospace);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.45;
    margin-bottom: 0.375rem;
}

.intel-empty-compact[b-r9n2iif30r] {
    min-height: 0;
    padding: 0.5rem 0 0.25rem;
    justify-content: flex-start;
    text-align: left;
    opacity: 0.75;
}

.os-overview-grid[b-r9n2iif30r] {
    display: grid;
    grid-template-columns: minmax(0, 58fr) minmax(0, 42fr);
    grid-template-areas: "dims triad";
    gap: 1.5rem;
    padding: 1.25rem 1.5rem 1.5rem;
    align-items: start;
}

.os-col-dims[b-r9n2iif30r] {
    grid-area: dims;
    min-width: 0;
    padding: 0;
    font-variant-numeric: tabular-nums;
}

.os-col-triad[b-r9n2iif30r] {
    grid-area: triad;
    min-width: 0;
    position: sticky;
    top: 1rem;
}

    .os-col-triad .intel-card[b-r9n2iif30r] {
        padding: 0.9375rem 1.0625rem 0.8125rem;
    }

    .os-col-triad .intel-title[b-r9n2iif30r] {
        font-size: 0.9375rem;
        line-height: 1.4;
        margin-bottom: 0.625rem;
    }

    .os-col-triad .intel-item-text[b-r9n2iif30r] {
        font-size: 0.8125rem;
        line-height: 1.55;
    }

    .os-col-triad .intel-item-num[b-r9n2iif30r] {
        transform: scale(0.85);
        opacity: 0.55;
    }

    .os-col-triad .intel-item[b-r9n2iif30r] {
        padding-top: 0.5625rem;
        padding-bottom: 0.5625rem;
    }


.os-act-grid[b-r9n2iif30r] {
    display: grid;
    grid-template-columns: minmax(0, 62rem);
    gap: 1.5rem;
    padding: 0 1.5rem 1.5rem;
    align-items: start;
}

.os-panel[b-r9n2iif30r] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: var(--radius-md);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    padding: 1.0625rem 1.25rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
    scroll-margin-top: 1rem;
}


.os-fig[b-r9n2iif30r] {
    --pill-fg: var(--ink-3);
    appearance: none;
    display: inline-block;
    padding: 0 0.3125rem 0.0625rem;
    margin: 0 0.1em;
    border-radius: 0.3125rem;
    border: 1px solid color-mix(in srgb, var(--pill-fg) 24%, transparent);
    background: color-mix(in srgb, var(--pill-fg) 4%, transparent);
    font-family: var(--font-mono, monospace);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.5;
    color: var(--pill-fg);
    font-variant-numeric: tabular-nums;
    vertical-align: 0.0625em;
    white-space: nowrap;
}


    .os-fig.status-great[b-r9n2iif30r] {
        --pill-fg: var(--score-great);
    }

    .os-fig.status-good[b-r9n2iif30r] {
        --pill-fg: var(--score-good);
    }

    .os-fig.status-moderate[b-r9n2iif30r] {
        --pill-fg: var(--score-moderate);
    }

    .os-fig.status-poor[b-r9n2iif30r] {
        --pill-fg: var(--score-poor-vivid);
    }

.os-fig-grade[b-r9n2iif30r] {
    font-weight: 700;
    letter-spacing: 0.04em;
}

    .os-fig-grade.tier-a[b-r9n2iif30r] {
        --pill-fg: #15803d;
    }

    .os-fig-grade.tier-b[b-r9n2iif30r] {
        --pill-fg: #4d7c0f;
    }

    .os-fig-grade.tier-c[b-r9n2iif30r] {
        --pill-fg: #c2410c;
    }

    .os-fig-grade.tier-df[b-r9n2iif30r] {
        --pill-fg: #b91c1c;
    }


.os-fig-dim[b-r9n2iif30r] {
    font-size: 0.625rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.os-lede-link[b-r9n2iif30r] {
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    color: var(--color-interactive);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
    text-underline-offset: 3px;
    cursor: pointer;
}

    .os-lede-link:hover[b-r9n2iif30r] {
        color: var(--color-interactive-hover);
        text-decoration-color: currentColor;
    }

.os-lede-link-static[b-r9n2iif30r] {
    display: none;
}

.os-lede-updated[b-r9n2iif30r] {
    color: var(--ink-6);
}

@media (max-width: 640px) {
    .os-pending-cta[b-r9n2iif30r],
    .os-error-retry[b-r9n2iif30r],
    .intel-item-cta[b-r9n2iif30r],
    .cs-strip-tools[b-r9n2iif30r],
    .cs-eval-section[b-r9n2iif30r],
    .os-lede-link[b-r9n2iif30r],
    .os-lede-link-tail[b-r9n2iif30r] {
        display: none !important;
    }

    .os-lede-link-static[b-r9n2iif30r] {
        display: inline;
    }
}

.os-overview-grid[b-r9n2iif30r] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.os-col-triad[b-r9n2iif30r] {
    position: static;
    top: auto;
}

.intel-grid[b-r9n2iif30r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.dim-panels[b-r9n2iif30r] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}


.os-lens-notes[b-r9n2iif30r] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 1.25rem;
    row-gap: 0.5rem;
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.7;
    color: var(--ink-4);
}

    .os-lens-notes dt[b-r9n2iif30r] {
        font-family: var(--font-mono, monospace);
        font-size: 0.625rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--ink-6);
        padding-top: 0.35em;
    }

    .os-lens-notes dd[b-r9n2iif30r] {
        margin: 0;
        min-width: 0;
    }

.os-note-lead[b-r9n2iif30r] {
    display: block;
}

.os-note-items[b-r9n2iif30r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.125rem 1.125rem;
    margin-top: 0.125rem;
    color: var(--ink-5);
}

.os-note-item b[b-r9n2iif30r] {
    font-weight: 600;
    color: var(--ink-4);
}

.os-note-item.is-current[b-r9n2iif30r] {
    color: var(--ink-3);
}

    .os-note-item.is-current b[b-r9n2iif30r] {
        color: var(--ink-2);
    }

@media (max-width: 640px) {
    .os-lens-notes[b-r9n2iif30r] {
        grid-template-columns: 1fr;
        row-gap: 0.25rem;
    }

        .os-lens-notes dt[b-r9n2iif30r] {
            padding-top: 0.5rem;
        }
}

.os-overview-grid[b-r9n2iif30r] {
    align-items: stretch;
}

.dim-band-head[b-r9n2iif30r] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin: 1.125rem 0 0.5rem;
    min-width: 0;
}

.dim-panels + .dim-band-head[b-r9n2iif30r] {
    margin-top: 1.5rem;
}

.dim-band-head .dim-band-label[b-r9n2iif30r] {
    margin: 0;
}

.dim-band-fig[b-r9n2iif30r] {
    font-size: 0.6875rem;
    font-variant-numeric: tabular-nums;
}

.dim-panels[b-r9n2iif30r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.dim-col[b-r9n2iif30r] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}


.dim-panel-kicker[b-r9n2iif30r] {
    font-family: var(--font-mono, monospace);
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
    color: var(--ink-5, #6b7280);
    margin-bottom: -0.25rem;
}

.dim-panel.status-poor .dim-panel-kicker[b-r9n2iif30r] {
    color: #dc2626;
}

.dim-panel.status-moderate .dim-panel-kicker[b-r9n2iif30r] {
    color: #ea580c;
}

.dim-panel.dim-driver[b-r9n2iif30r] {
    border-color: color-mix(in srgb, #2c3e50 18%, transparent);
}

.dim-panel.is-open[b-r9n2iif30r] {
    border-color: color-mix(in srgb, #2c3e50 14%, transparent);
}

.dim-panel:hover[b-r9n2iif30r] {
    border-color: color-mix(in srgb, #2c3e50 22%, transparent);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
}

.dim-panel:focus-visible[b-r9n2iif30r] {
    outline: 2px solid color-mix(in srgb, #2c3e50 35%, transparent);
    outline-offset: 2px;
}

.os-act-grid.has-fit[b-r9n2iif30r] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
    gap: 1.25rem 0.75rem;
}

#os-lens-panel.os-panel[b-r9n2iif30r] {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: var(--radius-md);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    padding: 1.0625rem 1.25rem 1rem;
    max-width: 62rem;
}

.os-act-grid.has-fit #os-lens-panel.os-panel[b-r9n2iif30r] {
    max-width: none;
}

.os-act-grid.has-fit .os-note-items[b-r9n2iif30r] {
    flex-direction: column;
    gap: 0.125rem;
}

.os-fit-card[b-r9n2iif30r] {
    gap: 0.75rem;
    padding: 1.0625rem 1.125rem 1rem;
}

.os-act-col[b-r9n2iif30r] {
    min-width: 0;
}

    .os-act-col > .dim-band-head[b-r9n2iif30r] {
        margin-top: 0;
    }

.os-fit-context[b-r9n2iif30r] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.375rem;
    margin-left: auto;
    padding-left: 0.5rem;
    font-size: 0.75rem;
    color: var(--ink-5, #6b7280);
    white-space: nowrap;
}

.os-fig-code[b-r9n2iif30r] {
    --pill-fg: var(--ink-4, #4b5563);
    margin: 0;
    font-size: 0.625rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

button.os-fig-code-link[b-r9n2iif30r] {
    cursor: pointer;
}

    button.os-fig-code-link:hover[b-r9n2iif30r] {
        --pill-fg: var(--color-interactive);
    }

.os-fit-lede[b-r9n2iif30r] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    padding-right: 1.5rem;
}

    .os-fit-lede .dim-panel-meta[b-r9n2iif30r] {
        gap: 0.5rem;
    }

.dim-panel .dim-panel-ring-wrap[b-r9n2iif30r],
.os-fit-card .dim-panel-ring-wrap[b-r9n2iif30r] {
    width: 3.5rem;
    height: 3.5rem;
}

.os-fit-card.status-great .dim-panel-ring .ring-fill[b-r9n2iif30r] {
    stroke: #16a34a;
}

.os-fit-card.status-good .dim-panel-ring .ring-fill[b-r9n2iif30r] {
    stroke: #65a30d;
}

.os-fit-card.status-moderate .dim-panel-ring .ring-fill[b-r9n2iif30r] {
    stroke: #ea580c;
}

.os-fit-card.status-poor .dim-panel-ring .ring-fill[b-r9n2iif30r] {
    stroke: #dc2626;
}

.os-fit-narrative[b-r9n2iif30r],
.os-fit-angle-full[b-r9n2iif30r] {
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
}

.os-fit-angles[b-r9n2iif30r] {
    list-style: none;
    margin: 0.25rem 0 0;
    padding: 0;
}

.os-fit-angle[b-r9n2iif30r] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0.75rem 0;
    border-top: 1px solid color-mix(in srgb, #2c3e50 8%, transparent);
}

    .os-fit-angle:last-child[b-r9n2iif30r] {
        padding-bottom: 0.25rem;
    }

    .os-fit-angle .dim-panel-label[b-r9n2iif30r] {
        font-size: 0.875rem;
    }

    .os-fit-angle .dim-panel-consensus[b-r9n2iif30r] {
        margin-top: 0;
    }

.os-fit-door[b-r9n2iif30r] {
    appearance: none;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background: none;
    border: 0;
    padding: 0.125rem 0 0;
    margin: 0;
    font: inherit;
    font-size: 0.8125rem;
    color: var(--color-interactive);
    cursor: pointer;
}

    .os-fit-door i[b-r9n2iif30r] {
        font-size: 0.6875rem;
        transition: transform 0.18s ease;
    }

    .os-fit-door:hover i[b-r9n2iif30r] {
        transform: translateX(2px);
    }

.os-act-grid.has-fit #os-lens-panel.os-panel[b-r9n2iif30r] {
    padding: 1.0625rem 1.5rem 1rem;
}

.os-act-grid.has-fit .os-lens-notes[b-r9n2iif30r] {
    grid-template-columns: 1fr;
    row-gap: 0.375rem;
}

    .os-act-grid.has-fit .os-lens-notes dt[b-r9n2iif30r] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.625rem;
        padding-top: 0.75rem;
        border-top: 1px solid color-mix(in srgb, #2c3e50 8%, transparent);
        font-family: var(--font);
        font-size: 0.875rem;
        font-weight: var(--font-weight-bold);
        letter-spacing: -0.01em;
        text-transform: none;
        color: #2c3e50;
    }

        .os-act-grid.has-fit .os-lens-notes dt:first-child[b-r9n2iif30r] {
            padding-top: 0;
            border-top: 0;
        }

        .os-act-grid.has-fit .os-lens-notes dt .os-fig[b-r9n2iif30r] {
            margin: 0;
        }

    .os-act-grid.has-fit .os-lens-notes dd[b-r9n2iif30r] {
        font-size: 0.875rem;
        line-height: 1.55;
        color: #5f6368;
        padding-bottom: 0.375rem;
    }

        .os-act-grid.has-fit .os-lens-notes dd:last-child[b-r9n2iif30r] {
            padding-bottom: 0;
        }

.os-verdict-block[b-r9n2iif30r] {
    padding: 1.25rem 1.5rem 0;
}

    .os-verdict-block .dim-band-head[b-r9n2iif30r] {
        margin-top: 0;
    }

.os-verdict[b-r9n2iif30r] {
    --tier: var(--ink-6, #9ca3af);
    position: relative;
    margin: 0;
    padding: 0.9375rem 1.25rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--tier) 7%, #ffffff), color-mix(in srgb, var(--tier) 3%, #ffffff));
    border: 1px solid color-mix(in srgb, var(--tier) 24%, rgba(15, 23, 42, 0.08));
    border-radius: var(--radius-md);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 14px -8px color-mix(in srgb, var(--tier) 18%, transparent);
    max-width: none;
}

    .os-verdict.tier-a[b-r9n2iif30r] {
        --tier: #15803d;
    }

    .os-verdict.tier-b[b-r9n2iif30r] {
        --tier: #4d7c0f;
    }

    .os-verdict.tier-c[b-r9n2iif30r] {
        --tier: #c2410c;
    }

    .os-verdict.tier-df[b-r9n2iif30r] {
        --tier: #b91c1c;
    }

.os-verdict-meta[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-left: auto;
    font-size: 0.75rem;
    color: var(--ink-5, #6b7280);
}

.os-fig-grade.dim-band-fig[b-r9n2iif30r] {
    font-size: 0.6875rem;
}

.os-verdict-sep[b-r9n2iif30r] {
    color: var(--ink-6, #9ca3af);
}

.os-verdict-conf[b-r9n2iif30r] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-weight: 600;
    color: var(--ink-4, #4b5563);
}

.os-conf-bar[b-r9n2iif30r] {
    display: inline-flex;
    gap: 2px;
}

    .os-conf-bar i[b-r9n2iif30r] {
        display: block;
        width: 0.5rem;
        height: 0.375rem;
        border-radius: 2px;
        background: color-mix(in srgb, #2c3e50 12%, transparent);
    }

.os-conf--low .os-conf-bar i:nth-child(1)[b-r9n2iif30r] {
    background: #dc2626;
}

.os-conf--medium .os-conf-bar i:nth-child(-n+2)[b-r9n2iif30r] {
    background: var(--warning, #b45309);
}

.os-conf--high .os-conf-bar i[b-r9n2iif30r] {
    background: var(--success, #16a34a);
}

.os-verdict-text[b-r9n2iif30r] {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.005em;
    color: var(--ink-2, #1f2937);
    max-width: 60rem;
    text-wrap: pretty;
}

.os-verdict-foot[b-r9n2iif30r] {
    margin: 0.5rem 0 0;
    font-size: 0.8125rem;
    line-height: 1.6;
    color: var(--ink-5, #6b7280);
}

.os-verdict-driver[b-r9n2iif30r] {
    font-weight: 600;
    color: var(--ink-3, #374151);
}

.os-verdict-jump[b-r9n2iif30r],
.os-verdict-foot .os-lede-link[b-r9n2iif30r] {
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 25%, transparent);
    text-underline-offset: 3px;
}

    .os-verdict-jump:hover[b-r9n2iif30r],
    .os-verdict-foot .os-lede-link:hover[b-r9n2iif30r] {
        color: var(--ink-1, #111827);
        text-decoration-color: currentColor;
    }

.os-verdict-invite[b-r9n2iif30r] {
    font-weight: 600;
    color: var(--ink-3, #374151);
}

    .os-verdict-invite i[b-r9n2iif30r] {
        font-size: 0.625rem;
        margin-left: 0.3125rem;
        transition: transform 0.18s ease;
    }

    .os-verdict-invite:hover i[b-r9n2iif30r] {
        transform: translateX(2px);
    }

.os-verdict-foot .os-verdict-sep[b-r9n2iif30r] {
    margin: 0 0.375rem;
}

.os-verdict-scale[b-r9n2iif30r] {
    color: var(--ink-4, #4b5563);
}

.dim-panel[b-r9n2iif30r] {
    scroll-margin-top: 5rem;
}

@media (max-width: 1100px) {
    .intel-grid[b-r9n2iif30r] {
        grid-template-columns: 1fr;
    }

    .os-overview-grid[b-r9n2iif30r] {
        padding: 1rem 1.25rem 1.25rem;
    }

    .os-verdict-block[b-r9n2iif30r] {
        padding: 1rem 1.25rem 0;
    }

    .os-act-grid[b-r9n2iif30r] {
        padding: 0 1.25rem 1.25rem;
    }
}

@media (max-width: 960px) {
    .dim-panels[b-r9n2iif30r] {
        display: flex;
        flex-direction: column;
    }

    .dim-col[b-r9n2iif30r] {
        display: contents;
    }

    .os-act-grid.has-fit[b-r9n2iif30r] {
        grid-template-columns: 1fr;
    }

    .os-verdict-meta .os-verdict-sep:last-of-type[b-r9n2iif30r],
    .os-verdict-meta .os-lede-updated[b-r9n2iif30r] {
        display: none;
    }

    .os-fit-context-word[b-r9n2iif30r] {
        display: none;
    }
}

@media (max-width: 640px) {
    .os-verdict-block[b-r9n2iif30r] {
        padding: 1rem 1.25rem 0;
    }

    .os-verdict[b-r9n2iif30r] {
        padding: 0.875rem 1rem;
    }

    .os-verdict-text[b-r9n2iif30r] {
        font-size: 0.9375rem;
    }
}
/* /Components/ProdComponents/PersonaSpace.razor.rz.scp.css */
.pv-root[b-5rvrmrnbc6] {
    position: relative;
    font-family: var(--font-family-primary);
    color: var(--text-heading);
    opacity: 0;
    transition: opacity 0.5s ease;
}

    .pv-root.entered[b-5rvrmrnbc6] {
        opacity: 1;
    }

.pv-inner[b-5rvrmrnbc6] {
}

.pv-root [b-5rvrmrnbc6]::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.pv-root [b-5rvrmrnbc6]::-webkit-scrollbar-track {
    background: var(--background-tertiary);
    border-radius: 3px;
}

.pv-root [b-5rvrmrnbc6]::-webkit-scrollbar-thumb {
    background: var(--border-strong);
    border-radius: 3px;
}


.pv-empty[b-5rvrmrnbc6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4rem 2rem;
    min-height: 240px;
}

.pv-empty-icon[b-5rvrmrnbc6] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--background-secondary);
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.pv-empty-title[b-5rvrmrnbc6] {
    font-size: 1.0625rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
    letter-spacing: -0.02em;
}

.pv-empty-text[b-5rvrmrnbc6] {
    font-size: var(--text-base);
    color: var(--text-tertiary);
    line-height: 1.6;
    max-width: 400px;
}


.pv-header[b-5rvrmrnbc6] {
    padding: 0 0 0.75rem;
}

.pv-assumptions-toggle[b-5rvrmrnbc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    margin-top: 0.5rem;
    padding: 0;
    background: none;
    border: none;
    font-family: var(--font-family-primary);
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-semibold);
    color: var(--text-tertiary);
    cursor: pointer;
    transition: color 0.15s;
}

    .pv-assumptions-toggle i[b-5rvrmrnbc6] {
        font-size: 0.4375rem;
    }

    .pv-assumptions-toggle:hover[b-5rvrmrnbc6] {
        color: var(--text-tertiary);
    }

.pv-assumptions-chevron[b-5rvrmrnbc6] {
    font-size: 0.375rem !important;
    opacity: 0.6;
}

.pv-assumptions-panel[b-5rvrmrnbc6] {
    margin-top: 0.375rem;
    padding: 0.75rem 1rem;
    background: var(--background-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    animation: pvSlideDown-b-5rvrmrnbc6 0.2s ease-out;
}

@keyframes pvSlideDown-b-5rvrmrnbc6 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pv-assumptions-header[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.pv-assumptions-title[b-5rvrmrnbc6] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

    .pv-assumptions-title i[b-5rvrmrnbc6] {
        margin-right: 0.25rem;
        font-size: var(--text-2xs);
    }

.pv-assumptions-close[b-5rvrmrnbc6] {
    background: none;
    border: none;
    color: var(--text-tertiary);
    cursor: pointer;
    font-size: var(--text-xs);
    padding: 0.125rem;
    transition: color 0.15s;
}

    .pv-assumptions-close:hover[b-5rvrmrnbc6] {
        color: var(--text-tertiary);
    }

.pv-assumptions-chain[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.pv-assumption-row[b-5rvrmrnbc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    padding: 0.25rem 0.5rem;
}

.pv-assumption-label[b-5rvrmrnbc6] {
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.pv-assumption-value[b-5rvrmrnbc6] {
    font-family: 'SF Mono', ui-monospace, monospace;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    cursor: pointer;
    border-bottom: 1px dashed var(--border-strong);
    transition: border-color 0.15s, color 0.15s;
}

    .pv-assumption-value:hover[b-5rvrmrnbc6] {
        border-bottom-color: var(--accent);
        color: var(--accent);
    }

.pv-assumption-input[b-5rvrmrnbc6] {
    font-family: 'SF Mono', ui-monospace, monospace;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    border: none;
    border-bottom: 1.5px solid var(--accent);
    background: transparent;
    outline: none;
    width: 5rem;
    padding: 0;
}

.pv-assumption-source[b-5rvrmrnbc6] {
    font-size: 0.4375rem;
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--border-strong);
    white-space: nowrap;
}

.pv-assumption-op[b-5rvrmrnbc6] {
    font-family: 'SF Mono', ui-monospace, monospace;
    font-size: 0.6875rem;
    color: var(--border-strong);
    font-weight: var(--font-weight-semibold);
}

.pv-assumptions-result[b-5rvrmrnbc6] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin-bottom: 0.375rem;
}

    .pv-assumptions-result strong[b-5rvrmrnbc6] {
        font-family: 'SF Mono', ui-monospace, monospace;
        font-size: var(--text-md);
        color: var(--text-heading);
    }

.pv-assumptions-caveat[b-5rvrmrnbc6] {
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    font-style: italic;
}

    .pv-assumptions-caveat i[b-5rvrmrnbc6] {
        margin-right: 0.1875rem;
        font-size: 0.5rem;
    }

.pv-narrative-text[b-5rvrmrnbc6] {
    font-size: 0.9375rem;
    font-weight: var(--font-weight-regular);
    line-height: 1.75;
    color: var(--text-secondary);
    letter-spacing: -0.01em;
    margin: 0;
}

.pv-name-link[b-5rvrmrnbc6] {
    font-weight: var(--font-weight-semibold);
    color: var(--name-color, var(--text-heading));
    cursor: default;
    padding-bottom: 1px;
    border-bottom: 1.5px solid transparent;
    transition: border-color 0.2s ease, color 0.2s ease;
    letter-spacing: -0.01em;
}

    .pv-name-link:hover[b-5rvrmrnbc6] {
        border-bottom-color: var(--name-color, var(--text-heading));
    }

.pv-avatar-strip[b-5rvrmrnbc6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.pv-strip-persona[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3125rem 0.625rem 0.3125rem 0.3125rem;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 2rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .pv-strip-persona:hover[b-5rvrmrnbc6],
    .pv-strip-persona.highlighted[b-5rvrmrnbc6] {
        border-color: var(--strip-start, var(--border-color));
        box-shadow: 0 2px 12px color-mix(in srgb, var(--strip-start) 20%, transparent);
        transform: translateY(-1px);
    }

.pv-strip-avatar[b-5rvrmrnbc6] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--strip-start), var(--strip-end));
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

    .pv-strip-avatar span[b-5rvrmrnbc6] {
        color: #fff;
        font-size: var(--text-2xs);
        font-weight: var(--font-weight-bold);
        position: relative;
        z-index: 1;
    }

    .pv-strip-avatar img[b-5rvrmrnbc6] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        z-index: 2;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .pv-strip-avatar img.loaded[b-5rvrmrnbc6] {
            opacity: 1;
        }

.pv-strip-info[b-5rvrmrnbc6] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pv-strip-name[b-5rvrmrnbc6] {
    font-size: 0.6875rem;
    font-weight: var(--font-weight-semibold);
    color: var(--text-heading);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pv-strip-role[b-5rvrmrnbc6] {
    font-size: var(--text-2xs);
    color: var(--text-tertiary);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pv-strip-fit[b-5rvrmrnbc6] {
    font-size: 0.5rem;
    line-height: 1;
    color: var(--fit-color);
    flex-shrink: 0;
    margin-left: -0.125rem;
}


.pv-body[b-5rvrmrnbc6] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}


.pv-content-panel[b-5rvrmrnbc6] {
    position: relative;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: visible;
    transition: border-color 0.15s ease;
}

@keyframes pvBusyScan-b-5rvrmrnbc6 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(350%);
    }
}

.pv-busy-text[b-5rvrmrnbc6] {
    animation: pvBusyPulse-b-5rvrmrnbc6 2s ease-in-out infinite;
}

@keyframes pvBusyPulse-b-5rvrmrnbc6 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.45;
    }
}


.pv-toolbar[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--border-color) 65%, transparent);
    background: var(--background-secondary);
    border-radius: 0.75rem 0.75rem 0 0;
    position: relative;
    transition: border-color 0.2s;
}

    .pv-toolbar.is-busy[b-5rvrmrnbc6] {
        border-top: 2px solid var(--accent);
        animation: pvToolbarBusyPulse-b-5rvrmrnbc6 2s ease-in-out infinite;
    }

@keyframes pvToolbarBusyPulse-b-5rvrmrnbc6 {
    0%, 100% {
        border-top-color: var(--accent);
    }

    50% {
        border-top-color: color-mix(in srgb, var(--accent) 50%, transparent);
    }
}

.pv-view-toggle[b-5rvrmrnbc6] {
    display: inline-flex;
    border-radius: var(--radius-sm);
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    padding: 0.1875rem;
    gap: 0.125rem;
}

.pv-view-btn[b-5rvrmrnbc6] {
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    border: none;
    cursor: pointer;
    font-family: var(--font-family-primary);
    font-size: 0.6875rem;
    font-weight: var(--font-weight-semibold);
    background: transparent;
    color: var(--text-tertiary);
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    white-space: nowrap;
}

    .pv-view-btn.active[b-5rvrmrnbc6] {
        background: var(--text-heading);
        color: var(--background-primary);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

    .pv-view-btn:not(.active):hover[b-5rvrmrnbc6] {
        background: var(--background-tertiary);
        color: var(--text-secondary);
    }

    .pv-view-btn i[b-5rvrmrnbc6] {
        font-size: var(--text-2xs);
    }

.pv-toolbar-right[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.pv-action-btn[b-5rvrmrnbc6] {
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
    cursor: pointer;
    font-family: var(--font-family-primary);
    font-size: 0.6875rem;
    font-weight: var(--font-weight-semibold);
    background: var(--background-primary);
    color: var(--text-tertiary);
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

    .pv-action-btn:hover[b-5rvrmrnbc6] {
        background: color-mix(in srgb, var(--accent) 6%, transparent);
        border-color: color-mix(in srgb, var(--accent) 30%, transparent);
        color: var(--color-interactive);
    }

    .pv-action-btn i[b-5rvrmrnbc6] {
        font-size: 0.5rem;
    }

.pv-assess-btn-toolbar:disabled[b-5rvrmrnbc6] {
    opacity: 0.4;
    cursor: default;
    border-color: var(--border-color);
    background: var(--background-secondary);
    color: var(--text-tertiary);
}

    .pv-assess-btn-toolbar:disabled:hover[b-5rvrmrnbc6] {
        background: var(--background-secondary);
        border-color: var(--border-color);
    }

.pv-panel-footer-hint[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    border-top: 1px solid color-mix(in srgb, var(--border-color) 65%, transparent);
    font-size: var(--text-xs);
    color: color-mix(in srgb, var(--text-tertiary) 70%, transparent);
    font-style: italic;
}

    .pv-panel-footer-hint i[b-5rvrmrnbc6] {
        font-size: 0.5rem;
    }

.pv-panel-footer-sep[b-5rvrmrnbc6] {
    color: var(--border-color);
    margin: 0 0.125rem;
}


.pv-bubbles-row[b-5rvrmrnbc6] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem 0.5rem;
    padding: 1.25rem 1rem 2rem;
    overflow: visible;
}

.pv-bubble-wrapper[b-5rvrmrnbc6] {
    flex: 0 0 340px;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    transition: transform 0.15s ease;
}

    .pv-bubble-wrapper:hover[b-5rvrmrnbc6] {
        z-index: 100;
    }

    .pv-bubble-wrapper.highlighted .pv-avatar-glow[b-5rvrmrnbc6] {
        opacity: 0.6;
        transform: scale(1.15);
    }

    .pv-bubble-wrapper.highlighted .pv-avatar-circle[b-5rvrmrnbc6] {
        transform: scale(1.06);
        transition: transform 0.2s ease;
    }

@keyframes bubbleEnter-b-5rvrmrnbc6 {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.pv-bubble-container[b-5rvrmrnbc6] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 0 0.75rem;
    opacity: 0;
    transform: translateY(24px) scale(0.92);
    animation: bubbleEnter-b-5rvrmrnbc6 0.55s var(--anim-delay, 140ms) cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    z-index: 20;
}

.pv-avatar-area[b-5rvrmrnbc6] {
    position: relative;
    width: 100px;
    height: 100px;
    margin-bottom: 0.625rem;
    cursor: pointer;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 10;
}

.pv-bubble-wrapper:hover .pv-avatar-area[b-5rvrmrnbc6] {
    transform: scale(1.06);
}

.pv-avatar-glow[b-5rvrmrnbc6] {
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    background: conic-gradient(from 20deg, var(--grad-start), var(--grad-end), var(--grad-start), var(--grad-end), var(--grad-start));
    opacity: 0;
    transition: opacity 0.4s;
    filter: blur(4px);
}

.pv-bubble-wrapper:hover .pv-avatar-glow[b-5rvrmrnbc6] {
    opacity: 0.5;
}

.pv-avatar-circle[b-5rvrmrnbc6] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(145deg, var(--grad-start), var(--grad-end));
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--background-primary);
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.15s ease;
}

.pv-bubble-wrapper:hover .pv-avatar-circle[b-5rvrmrnbc6] {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
}

.pv-avatar-highlight[b-5rvrmrnbc6] {
    position: absolute;
    top: -25%;
    left: -15%;
    width: 70%;
    height: 70%;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(255, 255, 255, 0.22), transparent 65%);
    pointer-events: none;
}

.pv-avatar-initials[b-5rvrmrnbc6] {
    color: #fff;
    font-weight: var(--font-weight-extrabold);
    font-size: 1.875rem;
    letter-spacing: -0.04em;
    position: relative;
    z-index: 1;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.pv-avatar-img[b-5rvrmrnbc6] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

    .pv-avatar-img.loaded[b-5rvrmrnbc6] {
        opacity: 1;
    }

.pv-avatar-check[b-5rvrmrnbc6] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #22c55e;
    border: 3px solid var(--background-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    color: #fff;
    font-weight: var(--font-weight-bold);
    box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
    z-index: 11;
}

.pv-bubble-identity[b-5rvrmrnbc6] {
    text-align: center;
    max-width: 200px;
    padding: 0 0.25rem;
    transition: opacity 0.2s ease;
}

.pv-bubble-wrapper:hover .pv-bubble-identity[b-5rvrmrnbc6] {
    opacity: 0;
    pointer-events: none;
}

.pv-bubble-name[b-5rvrmrnbc6] {
    font-size: var(--text-md);
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 0.125rem;
}

.pv-bubble-role[b-5rvrmrnbc6] {
    font-size: 0.6875rem;
    font-weight: var(--font-weight-semibold);
    line-height: 1.3;
    margin-bottom: 0.375rem;
}

.pv-bubble-moment[b-5rvrmrnbc6] {
    font-size: 0.6875rem;
    line-height: 1.45;
    color: var(--text-tertiary);
    font-style: italic;
    max-width: 220px;
}


.pv-hover-card[b-5rvrmrnbc6] {
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    width: 100%;
    background: var(--background-primary);
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    opacity: 0;
    pointer-events: none;
    transform: translateY(4px);
    transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, box-shadow 0.25s ease;
    z-index: 5;
    overflow: hidden;
}

.pv-bubble-wrapper:hover .pv-hover-card[b-5rvrmrnbc6] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    border-color: var(--border-color);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10);
}

.pv-hc-gradient-space[b-5rvrmrnbc6] {
    height: 4rem;
}

.pv-hc-body[b-5rvrmrnbc6] {
    padding: 0.75rem 1rem 1rem;
}

.pv-hc-identity[b-5rvrmrnbc6] {
    margin-bottom: 0.5rem;
    text-align: center;
}

.pv-hc-name[b-5rvrmrnbc6] {
    font-size: var(--text-base);
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.pv-hc-role[b-5rvrmrnbc6] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    line-height: 1.3;
    margin-top: 0.125rem;
}

.pv-hc-context[b-5rvrmrnbc6] {
    margin: 0 0 0.5rem;
    font-size: 0.6875rem;
    line-height: 1.5;
    color: var(--text-secondary);
}

    .pv-hc-context em[b-5rvrmrnbc6] {
        color: var(--text-tertiary);
    }

.pv-hc-exposure[b-5rvrmrnbc6] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 0.3125rem 0.4375rem;
    background: var(--background-secondary);
    border: 1px solid color-mix(in srgb, var(--border-color) 65%, transparent);
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
    font-size: var(--text-2xs);
    line-height: 1.4;
}

.pv-hc-exposure-label[b-5rvrmrnbc6] {
    color: var(--text-tertiary);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 0.5rem;
}

.pv-hc-exposure-tool[b-5rvrmrnbc6] {
    color: var(--text-secondary);
    font-weight: var(--font-weight-medium);
}

.pv-hc-exposure-sentiment[b-5rvrmrnbc6] {
    font-size: 0.4375rem;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.0625rem 0.3125rem;
    border-radius: 1rem;
}

.pv-sentiment-frustrated[b-5rvrmrnbc6] {
    color: #dc2626;
    background: rgba(254, 202, 202, 0.3);
}

.pv-sentiment-dissatisfied[b-5rvrmrnbc6] {
    color: #ea580c;
    background: rgba(255, 237, 213, 0.4);
}

.pv-sentiment-searching[b-5rvrmrnbc6] {
    color: #2563eb;
    background: rgba(191, 219, 254, 0.3);
}

.pv-sentiment-resigned[b-5rvrmrnbc6] {
    color: var(--text-tertiary);
    background: rgba(229, 231, 235, 0.4);
}

.pv-sentiment-locked-in[b-5rvrmrnbc6] {
    color: #7c3aed;
    background: rgba(196, 181, 253, 0.2);
}

.pv-sentiment-underserved[b-5rvrmrnbc6] {
    color: #b45309;
    background: rgba(253, 230, 138, 0.3);
}

.pv-hc-market-row[b-5rvrmrnbc6] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.pv-hc-market-stat[b-5rvrmrnbc6] {
    flex: 1;
    padding: 0.375rem 0.5rem;
    border-radius: var(--radius-sm);
    border: 1px solid;
}

.pv-hc-stat-label[b-5rvrmrnbc6] {
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.0625rem;
    opacity: 0.7;
}

.pv-hc-stat-value[b-5rvrmrnbc6] {
    font-family: 'SF Mono', ui-monospace, monospace;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    letter-spacing: -0.02em;
}

.pv-hc-field-block[b-5rvrmrnbc6] {
    padding: 0.4375rem 0.625rem;
    border-radius: var(--radius-sm);
    margin-bottom: 0.5rem;
    border: 1px solid;
}

    .pv-hc-field-block p[b-5rvrmrnbc6] {
        margin: 0;
        font-size: var(--text-xs);
        line-height: 1.45;
        color: var(--text-tertiary);
    }

.pv-hc-field-label[b-5rvrmrnbc6] {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-2xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.pv-hc-pain[b-5rvrmrnbc6] {
    background: var(--danger-surface);
    border-color: rgba(254, 202, 202, 0.31);
}

    .pv-hc-pain .pv-hc-field-label[b-5rvrmrnbc6] {
        color: #dc2626;
    }

.pv-hc-gain[b-5rvrmrnbc6] {
    background: var(--success-surface);
    border-color: rgba(167, 243, 208, 0.31);
}

    .pv-hc-gain .pv-hc-field-label[b-5rvrmrnbc6] {
        color: #22c55e;
    }

.pv-hc-trigger[b-5rvrmrnbc6] {
    background: var(--danger-surface);
    border-color: rgba(254, 202, 202, 0.2);
}

    .pv-hc-trigger .pv-hc-field-label[b-5rvrmrnbc6] {
        color: #b91c1c;
    }

.pv-hc-objection[b-5rvrmrnbc6] {
    background: #f5f3ff;
    border-color: rgba(196, 181, 253, 0.25);
}

    .pv-hc-objection .pv-hc-field-label[b-5rvrmrnbc6] {
        color: #7c3aed;
    }

.pv-hc-success[b-5rvrmrnbc6] {
    background: var(--info-surface);
    border-color: rgba(191, 219, 254, 0.4);
}

    .pv-hc-success .pv-hc-field-label[b-5rvrmrnbc6] {
        color: #2563eb;
    }

.pv-hc-field-pair[b-5rvrmrnbc6] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

    .pv-hc-field-pair > *[b-5rvrmrnbc6] {
        flex: 1;
        min-width: 0;
        margin-bottom: 0;
    }

    .pv-hc-field-pair > :only-child[b-5rvrmrnbc6] {
        flex: 1 1 100%;
    }

.pv-hc-assess-btn[b-5rvrmrnbc6] {
    color: #fff;
    border: none;
    border-radius: var(--radius-sm);
    padding: 0.4375rem 0;
    font-family: var(--font-family-primary);
    font-size: 0.6875rem;
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    width: 100%;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
}

    .pv-hc-assess-btn:hover[b-5rvrmrnbc6] {
        transform: translateY(-1px);
    }

    .pv-hc-assess-btn i[b-5rvrmrnbc6] {
        font-size: 0.5rem;
    }

.pv-hc-assessing[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.25rem 0;
    color: var(--text-tertiary);
    font-size: 0.6875rem;
}

.pv-hc-spinner[b-5rvrmrnbc6] {
    width: 14px;
    height: 14px;
    border: 2px solid var(--border-color);
    border-radius: 50%;
    animation: pvSpin-b-5rvrmrnbc6 0.8s linear infinite;
}

@keyframes pvSpin-b-5rvrmrnbc6 {
    to {
        transform: rotate(360deg);
    }
}

.fit-strong[b-5rvrmrnbc6] {
    --fit-color: #22c55e;
}

.fit-moderate[b-5rvrmrnbc6] {
    --fit-color: #f59e0b;
}

.fit-weak[b-5rvrmrnbc6] {
    --fit-color: #f97316;
}

.fit-misaligned[b-5rvrmrnbc6] {
    --fit-color: #ef4444;
}

.pv-fit-signal[b-5rvrmrnbc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    font-size: 0.6875rem;
    font-weight: var(--font-weight-bold);
    color: var(--fit-color);
}

.pv-fit-dot[b-5rvrmrnbc6] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--fit-color);
}

.pv-provenance-badge[b-5rvrmrnbc6] {
    font-size: 0.5rem;
    font-weight: var(--font-weight-semibold);
    padding: 0.125rem 0.375rem;
    border-radius: 1rem;
    letter-spacing: 0.02em;
}

.pv-provenance-aisimulated[b-5rvrmrnbc6] {
    color: var(--text-tertiary);
    background: var(--background-tertiary);
    font-style: italic;
}

.pv-provenance-userinsight[b-5rvrmrnbc6] {
    color: #2563eb;
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.pv-provenance-researchbacked[b-5rvrmrnbc6] {
    color: #15803d;
    background: rgba(34, 197, 94, 0.08);
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.pv-avatar-check[b-5rvrmrnbc6] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--fit-color, #22c55e);
    border: 3px solid var(--background-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-2xs);
    color: #fff;
    font-weight: var(--font-weight-bold);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 11;
    line-height: 1;
}

.pv-hc-verdict-area[b-5rvrmrnbc6] {
    padding: 0.5rem 0.625rem;
    border-radius: var(--radius-sm);
    background: var(--background-secondary);
    border: 1px solid var(--border-color);
}

.pv-hc-verdict-cta[b-5rvrmrnbc6] {
    text-align: center;
}

.pv-hc-verdict-cta-label[b-5rvrmrnbc6] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--text-tertiary);
    margin-bottom: 0.375rem;
}

.pv-hc-provenance[b-5rvrmrnbc6] {
    font-size: 0.5rem;
    color: color-mix(in srgb, var(--text-tertiary) 70%, transparent);
    font-style: italic;
    margin-top: 0.375rem;
}

.pv-hc-verdict-result[b-5rvrmrnbc6] {
}

.pv-hc-verdict-header[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.375rem;
}

.pv-hc-verdict-rationale[b-5rvrmrnbc6] {
    margin: 0 0 0.375rem;
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--text-secondary);
    font-style: italic;
}

.pv-hc-verdict-hesitation[b-5rvrmrnbc6] {
    font-size: var(--text-2xs);
    line-height: 1.45;
    color: var(--text-tertiary);
    padding: 0.3125rem 0.4375rem;
    background: var(--background-primary);
    border: 1px solid color-mix(in srgb, var(--border-color) 65%, transparent);
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
    font-style: italic;
}

.pv-hc-hesitation-label[b-5rvrmrnbc6] {
    font-weight: var(--font-weight-bold);
    font-style: normal;
    color: var(--text-tertiary);
    margin-right: 0.25rem;
}

.pv-hc-micro-bars[b-5rvrmrnbc6] {
    display: flex;
    gap: 0.5rem;
}

.pv-micro-bar[b-5rvrmrnbc6] {
    flex: 1;
    min-width: 0;
}

.pv-micro-bar-label[b-5rvrmrnbc6] {
    font-size: 0.4375rem;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-tertiary);
    margin-bottom: 0.1875rem;
}

.pv-micro-bar-track[b-5rvrmrnbc6] {
    height: 4px;
    background: var(--background-tertiary);
    border-radius: 2px;
    overflow: hidden;
}

.pv-micro-bar-fill[b-5rvrmrnbc6] {
    height: 100%;
    border-radius: 2px;
    background: var(--fit-color);
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.pv-field-empty[b-5rvrmrnbc6] {
    color: var(--border-strong);
    font-style: italic;
}


.pv-role-tag[b-5rvrmrnbc6] {
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.0625rem 0.4375rem;
    border-radius: 1rem;
    font-size: 0.4375rem;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #fff;
    white-space: nowrap;
    z-index: 12;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    border: 2px solid var(--background-primary);
    line-height: 1.4;
}

.pv-th-product-role[b-5rvrmrnbc6] {
    display: inline-block;
    margin-top: 0.375rem;
    padding: 0.1875rem 0.5rem;
    border-radius: 1rem;
    font-size: 0.5rem;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #fff;
    white-space: nowrap;
    line-height: 1.4;
}


.pv-signal-flag[b-5rvrmrnbc6] {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
    padding: 0.375rem 0.625rem;
    border-radius: var(--radius-sm);
    font-size: 0.6875rem;
    line-height: 1.5;
}

.pv-signal-icon[b-5rvrmrnbc6] {
    flex-shrink: 0;
    font-size: var(--text-xs);
    line-height: 1.7;
    opacity: 0.7;
}

.pv-signal-text[b-5rvrmrnbc6] {
    flex: 1;
    min-width: 0;
}

.pv-signal-consensus[b-5rvrmrnbc6] {
    background: var(--info-surface);
    border: 1px solid rgba(59, 130, 246, 0.15);
    color: #1e40af;
}

.pv-signal-tension[b-5rvrmrnbc6] {
    background: #fefce8;
    border: 1px solid rgba(253, 224, 71, 0.35);
    color: #854d0e;
}


.pv-toolbar-left[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.pv-toolbar-busy[b-5rvrmrnbc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--accent);
}

.pv-toolbar-busy-dot[b-5rvrmrnbc6] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent);
    animation: pvThinkingPulse-b-5rvrmrnbc6 1s ease-in-out infinite;
}

.pv-assess-btn-toolbar[b-5rvrmrnbc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    padding: 0.25rem 0.625rem;
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
    background: color-mix(in srgb, var(--accent) 6%, transparent);
    color: var(--accent);
    font-family: var(--font-family-primary);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

    .pv-assess-btn-toolbar:hover[b-5rvrmrnbc6] {
        background: color-mix(in srgb, var(--accent) 12%, transparent);
        border-color: var(--accent);
    }

    .pv-assess-btn-toolbar i[b-5rvrmrnbc6] {
        font-size: 0.5rem;
    }

.pv-toolbar-assessing[b-5rvrmrnbc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--text-tertiary);
}

.pv-inline-status[b-5rvrmrnbc6] {
    padding: 0.5rem 1rem 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.pv-fit-dot-inline[b-5rvrmrnbc6] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--fit-color);
}

@keyframes pvThinkingPulse-b-5rvrmrnbc6 {
    0%, 100% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }
}

.pv-verdict-thinking-dot[b-5rvrmrnbc6] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent);
    animation: pvThinkingPulse-b-5rvrmrnbc6 1s ease-in-out infinite;
}

.pv-verdict-waiting-dot[b-5rvrmrnbc6] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--border-color);
}


.pv-table-wrap[b-5rvrmrnbc6] {
    position: relative;
    overflow: hidden;
}

.pv-scroll-fade[b-5rvrmrnbc6] {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 5;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
}

    .pv-scroll-fade.visible[b-5rvrmrnbc6] {
        opacity: 1;
    }

    .pv-scroll-fade.left[b-5rvrmrnbc6] {
        left: 0;
        width: 40px;
        background: linear-gradient(90deg, var(--background-primary), transparent);
    }

    .pv-scroll-fade.right[b-5rvrmrnbc6] {
        right: 0;
        width: 56px;
        background: linear-gradient(270deg, var(--background-primary) 8%, transparent);
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 0.5rem;
    }

.pv-scroll-left-arrow[b-5rvrmrnbc6] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 48px;
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    z-index: 6;
}

.pv-scroll-arrow-btn[b-5rvrmrnbc6] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    pointer-events: auto;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .pv-scroll-arrow-btn:hover[b-5rvrmrnbc6] {
        background: var(--background-secondary);
        border-color: var(--border-strong);
    }

    .pv-scroll-arrow-btn i[b-5rvrmrnbc6] {
        font-size: 0.5rem;
        color: var(--text-tertiary);
    }

.pv-table-scroll[b-5rvrmrnbc6] {
    overflow-x: auto;
}

.pv-table[b-5rvrmrnbc6] {
    border-collapse: collapse;
    min-width: calc(120px + 6 * 170px);
    width: 100%;
}

.pv-thead-row[b-5rvrmrnbc6] {
    border-bottom: 2px solid var(--border-color);
}

.pv-th-label[b-5rvrmrnbc6] {
    padding: 0.75rem 0.625rem 0.75rem 0.875rem;
    text-align: left;
    position: sticky;
    left: 0;
    z-index: 4;
    background: var(--background-secondary);
    min-width: 110px;
    width: 120px;
    border-right: 1px solid var(--border-color);
}

.pv-th-persona[b-5rvrmrnbc6] {
    padding: 0.75rem 0.875rem;
    text-align: center;
    border-left: 1px solid color-mix(in srgb, var(--border-color) 65%, transparent);
    background: var(--background-secondary);
    transition: background 0.15s;
    min-width: 170px;
    vertical-align: middle;
}

    .pv-th-persona.hovered[b-5rvrmrnbc6] {
        background: color-mix(in srgb, var(--col-grad-start) 6%, var(--background-secondary));
    }

.pv-th-col-content[b-5rvrmrnbc6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3125rem;
}

.pv-th-avatar[b-5rvrmrnbc6] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

    .pv-th-avatar span[b-5rvrmrnbc6] {
        color: #fff;
        font-weight: var(--font-weight-bold);
        font-size: var(--text-sm);
    }

    .pv-th-avatar .pv-avatar-img[b-5rvrmrnbc6] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 2;
        border-radius: 50%;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .pv-th-avatar .pv-avatar-img.loaded[b-5rvrmrnbc6] {
            opacity: 1;
        }

.pv-th-name[b-5rvrmrnbc6] {
    font-size: var(--text-base);
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
    line-height: 1.2;
}

.pv-th-role[b-5rvrmrnbc6] {
    font-size: 0.6875rem;
    font-weight: var(--font-weight-semibold);
    line-height: 1.3;
}

.pv-th-editable[b-5rvrmrnbc6] {
    cursor: text;
    border-bottom: 1px dashed transparent;
    transition: border-color 0.15s;
    display: inline-block;
}

    .pv-th-editable:hover[b-5rvrmrnbc6] {
        border-bottom-color: var(--border-strong);
    }

.pv-th-edit-input[b-5rvrmrnbc6] {
    width: 100%;
    border: none;
    outline: none;
    background: var(--background-primary);
    border-radius: 0.25rem;
    padding: 0.25rem 0.375rem;
    font-family: var(--font-family-primary);
    text-align: center;
    box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--col-grad-start) 40%, transparent);
}

    .pv-th-edit-input.edit-name[b-5rvrmrnbc6] {
        font-size: var(--text-base);
        font-weight: var(--font-weight-bold);
        color: var(--text-heading);
    }

    .pv-th-edit-input.edit-role[b-5rvrmrnbc6] {
        font-size: 0.6875rem;
        font-weight: var(--font-weight-semibold);
    }

.pv-td-section-wrap[b-5rvrmrnbc6] {
    padding: 0;
    border: none;
}

.pv-section-divider-row[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.875rem 0.75rem 0.375rem;
}

.pv-section-line[b-5rvrmrnbc6] {
    height: 1px;
    flex: 1;
    border-radius: 1px;
}

.pv-section-text[b-5rvrmrnbc6] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    white-space: nowrap;
    flex-shrink: 0;
}

    .pv-section-text i[b-5rvrmrnbc6] {
        font-size: var(--text-2xs);
        margin-right: 0.1875rem;
    }

.pv-data-row[b-5rvrmrnbc6] {
    background: var(--background-primary);
    transition: background 0.12s;
}

    .pv-data-row:hover[b-5rvrmrnbc6] {
        background: var(--background-secondary);
    }

        .pv-data-row:hover .pv-td-label[b-5rvrmrnbc6] {
            background: var(--background-tertiary);
        }

.pv-td-label[b-5rvrmrnbc6] {
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--background-primary);
    border-bottom: 1px solid color-mix(in srgb, var(--border-color) 65%, transparent);
    border-right: 1px solid var(--border-color);
    vertical-align: top;
    transition: background 0.12s;
}

.pv-td-label-content[b-5rvrmrnbc6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1875rem;
}

.pv-td-row-icon[b-5rvrmrnbc6] {
    font-size: var(--text-xl);
    color: var(--text-tertiary);
    line-height: 1;
}

    .pv-td-row-icon i[b-5rvrmrnbc6] {
        font-size: inherit;
    }

.pv-td-row-text[b-5rvrmrnbc6] {
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    color: var(--text-tertiary);
    line-height: 1.3;
}

.pv-td-cell[b-5rvrmrnbc6] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--border-color) 65%, transparent);
    border-left: 1px solid color-mix(in srgb, var(--border-color) 65%, transparent);
    vertical-align: top;
    background: transparent;
    transition: background 0.15s;
}

    .pv-td-cell.hovered[b-5rvrmrnbc6] {
        background: color-mix(in srgb, var(--col-grad-start) 4%, var(--background-primary));
    }

.pv-data-row:hover .pv-td-cell.hovered[b-5rvrmrnbc6] {
    background: color-mix(in srgb, var(--col-grad-start) 8%, var(--background-tertiary));
}

.pv-cell-wrap[b-5rvrmrnbc6] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.25rem;
}

.pv-cell-provenance[b-5rvrmrnbc6] {
    flex-shrink: 0;
    font-size: 0.4375rem;
    color: #3b82f6;
    line-height: 1.5;
    margin-top: 0.125rem;
}

.pv-cell-text[b-5rvrmrnbc6] {
    margin: 0;
    cursor: default;
    font-size: var(--text-base);
    line-height: 1.5;
    color: var(--text-secondary);
    font-weight: var(--font-weight-regular);
    border-bottom: 1px dashed transparent;
    transition: border-color 0.15s, background 0.15s;
    flex: 1;
    min-width: 0;
}

.pv-cell-editable[b-5rvrmrnbc6] {
    cursor: text;
}

    .pv-cell-editable:hover[b-5rvrmrnbc6] {
        border-bottom-color: var(--border-strong);
        background: color-mix(in srgb, var(--accent) 3%, transparent);
    }

.pv-cell-empty[b-5rvrmrnbc6] {
    color: var(--border-strong);
    font-style: italic;
    border-bottom: none;
}

.pv-edit-textarea[b-5rvrmrnbc6] {
    width: 100%;
    resize: none;
    overflow: hidden;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    font-family: inherit;
    background: transparent;
    font-size: var(--text-base);
    line-height: 1.5;
    color: var(--text-secondary);
    border-bottom: 1.5px solid var(--accent);
    border-radius: 0;
}

.pv-edit-mode-btn[b-5rvrmrnbc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    padding: 0.25rem 0.625rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: var(--background-primary);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--text-tertiary);
    cursor: pointer;
    transition: all 0.15s ease;
}

    .pv-edit-mode-btn:hover[b-5rvrmrnbc6] {
        border-color: var(--accent);
        color: var(--accent);
        background: color-mix(in srgb, var(--accent) 4%, transparent);
    }

    .pv-edit-mode-btn i[b-5rvrmrnbc6] {
        font-size: 0.5rem;
    }

.pv-edit-save-btn[b-5rvrmrnbc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.625rem;
    border: none;
    border-radius: var(--radius-sm);
    background: var(--accent);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s;
}

    .pv-edit-save-btn:hover[b-5rvrmrnbc6] {
        background: var(--color-interactive);
    }

    .pv-edit-save-btn i[b-5rvrmrnbc6] {
        font-size: 0.5rem;
    }

.pv-edit-cancel-btn[b-5rvrmrnbc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: var(--background-primary);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--text-tertiary);
    cursor: pointer;
    transition: all 0.15s ease;
}

    .pv-edit-cancel-btn:hover[b-5rvrmrnbc6] {
        border-color: #ef4444;
        color: #ef4444;
    }

    .pv-edit-cancel-btn i[b-5rvrmrnbc6] {
        font-size: 0.5rem;
    }

.pv-edit-undo-btn[b-5rvrmrnbc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: var(--background-primary);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--text-tertiary);
    cursor: pointer;
    transition: all 0.15s ease;
}

    .pv-edit-undo-btn:hover:not(:disabled)[b-5rvrmrnbc6] {
        border-color: #f59e0b;
        color: #f59e0b;
    }

    .pv-edit-undo-btn:disabled[b-5rvrmrnbc6] {
        opacity: 0.35;
        cursor: not-allowed;
    }

    .pv-edit-undo-btn i[b-5rvrmrnbc6] {
        font-size: 0.5rem;
    }

.pv-strategy-row[b-5rvrmrnbc6] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem 1.5rem 1.5rem;
}

.pv-strategy-card[b-5rvrmrnbc6] {
    background: var(--background-secondary);
    border: none;
    border-radius: var(--radius-lg);
    padding: 1.25rem 1.375rem 1.375rem;
    min-height: 0;
    overflow: hidden;
    transition: background 0.15s;
}

    .pv-strategy-card:hover[b-5rvrmrnbc6] {
        background: var(--background-tertiary);
    }

.pv-strategy-card-header[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.625rem;
}

.pv-strategy-card-icon[b-5rvrmrnbc6] {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 0.3125rem;
    background: var(--background-secondary);
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .pv-strategy-card-icon i[b-5rvrmrnbc6] {
        font-size: var(--text-2xs);
        color: var(--text-tertiary);
    }

.pv-strategy-card-title[b-5rvrmrnbc6] {
    font-size: 0.6875rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 1;
}

.pv-strategy-card-empty[b-5rvrmrnbc6] {
    font-size: var(--text-base);
    color: var(--text-tertiary);
    font-style: italic;
    margin: 0;
}

.pv-narrative-card[b-5rvrmrnbc6] {
    flex: 3;
    min-width: 0;
}

    .pv-narrative-card .pv-narrative-text[b-5rvrmrnbc6] {
        font-size: var(--text-md);
        line-height: 1.7;
    }

.pv-synthesis-card[b-5rvrmrnbc6] {
    flex: 2;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.pv-synthesis-body[b-5rvrmrnbc6] {
    font-size: var(--text-base);
    line-height: 1.6;
    color: var(--text-secondary);
    flex: 1;
}

    .pv-synthesis-body p[b-5rvrmrnbc6] {
        margin: 0 0 0.5rem;
    }

        .pv-synthesis-body p:last-child[b-5rvrmrnbc6] {
            margin-bottom: 0;
        }

.pv-synthesis-stats[b-5rvrmrnbc6] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
    padding-top: 0.625rem;
    border-top: 1px solid var(--background-tertiary);
}

.pv-synthesis-stat[b-5rvrmrnbc6] {
    flex: 1 1 auto;
    min-width: 90px;
    padding: 0.4375rem 0.625rem;
    border-radius: var(--radius-sm);
    border: 1px solid;
}

    .pv-synthesis-stat.stat-amber[b-5rvrmrnbc6] {
        background: var(--warning-surface);
        border-color: rgba(253, 230, 138, 0.3);
    }

    .pv-synthesis-stat.stat-green[b-5rvrmrnbc6] {
        background: var(--success-surface);
        border-color: rgba(167, 243, 208, 0.25);
    }

.pv-synthesis-stat-num[b-5rvrmrnbc6] {
    font-family: 'SF Mono', ui-monospace, monospace;
    font-size: 0.9375rem;
    font-weight: var(--font-weight-extrabold);
    letter-spacing: -0.03em;
    line-height: 1.2;
}

.stat-amber .pv-synthesis-stat-num[b-5rvrmrnbc6] {
    color: #f59e0b;
}

.stat-green .pv-synthesis-stat-num[b-5rvrmrnbc6] {
    color: #22c55e;
}

.pv-synthesis-stat-label[b-5rvrmrnbc6] {
    font-size: 0.5rem;
    color: var(--text-tertiary);
    margin-top: 0.125rem;
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.35;
}


.pv-footnotes[b-5rvrmrnbc6] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.375rem 1.25rem;
    padding: 1.125rem 1.5rem 1.375rem;
    margin-top: 1rem;
    border-top: 1px solid var(--border-color);
}

.pv-footnotes-label[b-5rvrmrnbc6] {
    font-size: 0.6875rem;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-tertiary);
    margin-right: 0.375rem;
}

.pv-footnote[b-5rvrmrnbc6] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
}

.pv-fn-num[b-5rvrmrnbc6] {
    font-family: 'SF Mono', ui-monospace, monospace;
    font-size: 0.6875rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-tertiary);
}

.pv-fn-text[b-5rvrmrnbc6] {
    font-size: var(--text-base);
    color: var(--text-secondary);
    line-height: 1.5;
}

.pv-fn-link[b-5rvrmrnbc6] {
    font-size: 0.6875rem;
    color: var(--accent);
    text-decoration: none;
    opacity: 0.5;
    transition: opacity 0.15s;
}

    .pv-fn-link:hover[b-5rvrmrnbc6] {
        opacity: 1;
    }


.pv-input-prompt[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    width: 100%;
    padding: 0.5rem 1rem;
    margin-top: 0.375rem;
    background: none;
    border: 1px dashed var(--border-color);
    border-radius: var(--radius-md);
    color: color-mix(in srgb, var(--text-tertiary) 70%, transparent);
    font-family: var(--font-family-primary);
    font-size: 0.6875rem;
    font-style: italic;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .pv-input-prompt i[b-5rvrmrnbc6] {
        font-size: var(--text-2xs);
    }

    .pv-input-prompt:hover[b-5rvrmrnbc6] {
        border-color: var(--border-strong);
        color: var(--text-tertiary);
        background: var(--background-secondary);
    }

.pv-input-bar[b-5rvrmrnbc6] {
    margin-top: 0.375rem;
    animation: pvSlideDown-b-5rvrmrnbc6 0.2s ease-out;
}

.pv-input-bar-inner[b-5rvrmrnbc6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 540px;
    margin: 0 auto;
    padding: 0.375rem 0.375rem 0.375rem 0.75rem;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 2rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .pv-input-bar-inner:focus-within[b-5rvrmrnbc6] {
        border-color: color-mix(in srgb, var(--accent) 40%, transparent);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 6%, transparent);
    }

.pv-input-label[b-5rvrmrnbc6] {
    font-size: 0.4375rem;
    font-weight: var(--font-weight-extrabold);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--border-strong);
    flex-shrink: 0;
    transition: color 0.15s;
}

.pv-input-bar-inner:focus-within .pv-input-label[b-5rvrmrnbc6] {
    color: var(--accent);
}

.pv-input-field[b-5rvrmrnbc6] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--font-family-primary);
    font-size: var(--text-sm);
    color: var(--text-heading);
    min-width: 0;
}

    .pv-input-field[b-5rvrmrnbc6]::placeholder {
        color: var(--border-strong);
        font-style: italic;
        font-size: 0.6875rem;
    }

.pv-input-submit[b-5rvrmrnbc6] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: none;
    background: var(--accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

    .pv-input-submit:hover:not(:disabled)[b-5rvrmrnbc6] {
        background: var(--color-interactive);
        transform: scale(1.05);
    }

    .pv-input-submit:disabled[b-5rvrmrnbc6] {
        background: var(--background-tertiary);
        color: var(--border-strong);
        cursor: default;
    }

    .pv-input-submit i[b-5rvrmrnbc6] {
        font-size: 0.5rem;
    }


@media (max-width: 768px) {

    .pv-narrative-card .pv-narrative-text[b-5rvrmrnbc6] {
        font-size: var(--text-base);
        line-height: 1.65;
    }

    .pv-strategy-row[b-5rvrmrnbc6] {
        flex-direction: column;
    }

    .pv-avatar-strip[b-5rvrmrnbc6] {
        gap: 0.375rem;
    }

    .pv-strip-persona[b-5rvrmrnbc6] {
        padding: 0.25rem 0.5rem 0.25rem 0.25rem;
    }

    .pv-strip-avatar[b-5rvrmrnbc6] {
        width: 22px;
        height: 22px;
    }

        .pv-strip-avatar span[b-5rvrmrnbc6] {
            font-size: 0.5rem;
        }

    .pv-strip-name[b-5rvrmrnbc6] {
        font-size: var(--text-xs);
    }

    .pv-strip-role[b-5rvrmrnbc6] {
        font-size: 0.5rem;
    }

    .pv-bubbles-row[b-5rvrmrnbc6] {
        gap: 0.5rem;
    }

    .pv-bubble-wrapper[b-5rvrmrnbc6] {
        flex: 0 0 260px;
    }

    .pv-toolbar[b-5rvrmrnbc6] {
        flex-wrap: wrap;
    }

    .pv-content-panel[b-5rvrmrnbc6] {
        border-radius: var(--radius-md);
    }
}

@media (max-width: 640px) {
    .pv-bubbles-row[b-5rvrmrnbc6] {
        gap: 0.75rem 0.5rem;
    }

    .pv-bubble-wrapper[b-5rvrmrnbc6] {
        flex: 0 0 260px;
    }
}

@media (max-width: 580px) {
    .pv-bubbles-row[b-5rvrmrnbc6] {
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
    }

    .pv-bubble-wrapper[b-5rvrmrnbc6] {
        flex: 0 0 auto;
        width: 100%;
        max-width: 380px;
    }
}

@media (max-width: 480px) {

    .pv-narrative-card .pv-narrative-text[b-5rvrmrnbc6] {
        font-size: var(--text-sm);
        line-height: 1.6;
    }

    .pv-avatar-strip[b-5rvrmrnbc6] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .pv-strip-persona[b-5rvrmrnbc6] {
        max-width: 240px;
    }

    .pv-bubbles-row[b-5rvrmrnbc6] {
        padding: 1rem 0.5rem 1.5rem;
    }

    .pv-avatar-area[b-5rvrmrnbc6] {
        width: 80px;
        height: 80px;
    }

    .pv-avatar-circle[b-5rvrmrnbc6] {
        width: 80px;
        height: 80px;
    }

    .pv-avatar-initials[b-5rvrmrnbc6] {
        font-size: 1.5rem;
    }

    .pv-empty[b-5rvrmrnbc6] {
        padding: 3rem 1.5rem;
    }

    .pv-synthesis-stats[b-5rvrmrnbc6] {
        flex-direction: column;
    }

    .pv-synthesis-stat[b-5rvrmrnbc6] {
        max-width: 100%;
    }

    .pv-input-bar-inner[b-5rvrmrnbc6] {
        padding: 0.375rem 0.625rem;
    }

    .pv-input-field[b-5rvrmrnbc6] {
        font-size: var(--text-sm);
    }

    .pv-footnotes[b-5rvrmrnbc6] {
        flex-direction: column;
        gap: 0.375rem;
        padding: 1rem 1.125rem 1.125rem;
    }
}


@media (prefers-reduced-motion: reduce) {
    .pv-bubble-container[b-5rvrmrnbc6] {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .pv-hover-card[b-5rvrmrnbc6] {
        transition: none;
    }

    .pv-avatar-area[b-5rvrmrnbc6],
    .pv-avatar-glow[b-5rvrmrnbc6],
    .pv-avatar-circle[b-5rvrmrnbc6] {
        transition: none;
    }

    .pv-busy-text[b-5rvrmrnbc6] {
        animation: none;
        opacity: 0.6;
    }

    .pv-toolbar.is-busy[b-5rvrmrnbc6] {
        animation: none;
        border-top-color: var(--accent);
    }

    .pv-hc-spinner[b-5rvrmrnbc6] {
        animation: none;
    }

    .pv-root[b-5rvrmrnbc6],
    .pv-content-panel[b-5rvrmrnbc6],
    .pv-strip-persona[b-5rvrmrnbc6],
    .pv-view-btn[b-5rvrmrnbc6],
    .pv-action-btn[b-5rvrmrnbc6],
    .pv-hc-assess-btn[b-5rvrmrnbc6],
    .pv-scroll-arrow-btn[b-5rvrmrnbc6],
    .pv-input-bar-inner[b-5rvrmrnbc6],
    .pv-input-submit[b-5rvrmrnbc6] {
        transition: none;
    }
}
/* /Components/ProdComponents/PortfolioCanvas.razor.rz.scp.css */
.portfolio-surface[b-bpp81z4tkx] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    background: var(--ws-bg, #f8fafc);
    position: relative;
}

.portfolio-grid[b-bpp81z4tkx] {
    flex: 1;
    display: grid;
    grid-template-columns: var(--pc-left-rail-w, 360px)
    6px
    minmax(0, 1fr)
    360px;
    min-height: 0;
    min-width: 0;
    transition: grid-template-columns 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.pc-resize-overlay[b-bpp81z4tkx] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    cursor: col-resize;
    background: transparent;
}

.portfolio-rail-left[b-bpp81z4tkx] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: linear-gradient(180deg, #eef2f7 0%, #dde4ec 100%);
    border-right: 1px solid var(--border-color, #e2e8f0);
    overflow: hidden;
    position: relative;
}

.pc-rail-content[b-bpp81z4tkx] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 30px 28px 22px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

    .pc-rail-content[b-bpp81z4tkx]::-webkit-scrollbar {
        width: 8px;
    }

    .pc-rail-content[b-bpp81z4tkx]::-webkit-scrollbar-track {
        background: transparent;
    }

    .pc-rail-content[b-bpp81z4tkx]::-webkit-scrollbar-thumb {
        background: rgba(15, 23, 42, 0.14);
        border-radius: 4px;
        border: 2px solid transparent;
        background-clip: padding-box;
    }

        .pc-rail-content[b-bpp81z4tkx]::-webkit-scrollbar-thumb:hover {
            background: rgba(15, 23, 42, 0.24);
            background-clip: padding-box;
            border: 2px solid transparent;
        }

.pc-rail-codename[b-bpp81z4tkx] {
    align-self: flex-start;
    padding: 5px 11px 4px;
    font-family: 'JetBrains Mono', 'SFMono-Regular', Menlo, Monaco, Consolas, monospace;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ws-ink-3, #475569);
    background: rgba(15, 23, 42, 0.045);
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 999px;
    line-height: 1;
    margin-bottom: -2px;
}

.pc-rail-title[b-bpp81z4tkx] {
    margin: 0;
    font-family: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.028em;
    color: var(--ws-ink-1, #0f172a);
    word-break: break-word;
}

.pc-rail-tagline[b-bpp81z4tkx] {
    margin-top: -4px;
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-style: italic;
    font-size: 15px;
    line-height: 1.4;
    color: var(--ws-ink-3, #475569);
    letter-spacing: -0.005em;
}

.pc-rail-summary[b-bpp81z4tkx] {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--ws-ink-3, #475569);
    white-space: pre-wrap;
}

.pc-rail-stats[b-bpp81z4tkx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    padding-top: 4px;
    color: var(--ws-ink-4, #64748b);
    font-size: 11.5px;
}

.pc-rail-stat[b-bpp81z4tkx] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

    .pc-rail-stat i[b-bpp81z4tkx] {
        font-size: 10px;
        color: var(--ws-ink-5, #94a3b8);
    }

    .pc-rail-stat strong[b-bpp81z4tkx] {
        font-weight: 600;
        color: var(--ws-ink-2, #334155);
    }

.pc-rail-stat-dot[b-bpp81z4tkx] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--ws-ink-6, #cbd5e1);
}

.pc-rail-readonly[b-bpp81z4tkx] {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 11px;
    background: rgba(15, 23, 42, 0.04);
    border: 1px dashed rgba(15, 23, 42, 0.14);
    border-radius: 6px;
    font-size: 11px;
    line-height: 1.45;
    color: var(--ws-ink-4, #64748b);
}

    .pc-rail-readonly i[b-bpp81z4tkx] {
        font-size: 10px;
        color: var(--ws-ink-5, #94a3b8);
        flex: 0 0 auto;
    }

.pc-rail-skeleton[b-bpp81z4tkx] {
    padding: 30px 28px 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

@keyframes pc-skel-pulse-b-bpp81z4tkx {
    0%, 100% {
        opacity: 0.6;
    }

    50% {
        opacity: 1;
    }
}

.pc-rail-skel-pill[b-bpp81z4tkx] {
    width: 88px;
    height: 18px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.08);
    animation: pc-skel-pulse-b-bpp81z4tkx 1.4s ease-in-out infinite;
}

.pc-rail-skel-title[b-bpp81z4tkx] {
    width: 80%;
    height: 28px;
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.10);
    animation: pc-skel-pulse-b-bpp81z4tkx 1.4s ease-in-out infinite;
}

.pc-rail-skel-line[b-bpp81z4tkx] {
    width: 100%;
    height: 11px;
    border-radius: 3px;
    background: rgba(15, 23, 42, 0.06);
    animation: pc-skel-pulse-b-bpp81z4tkx 1.4s ease-in-out infinite;
}

.pc-rail-skel-line-short[b-bpp81z4tkx] {
    width: 60%;
}

.pc-rail-id[b-bpp81z4tkx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pc-rail-id-meta[b-bpp81z4tkx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.pc-rail-type-tag[b-bpp81z4tkx] {
    padding: 2px 8px 3px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    line-height: 1.2;
    border-radius: 3px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    background: rgba(15, 23, 42, 0.04);
    color: var(--ws-ink-3, #475569);
}

.pc-rail-type-tag-campaign[b-bpp81z4tkx] {
    background: rgba(243, 26, 125, 0.08);
    border-color: rgba(243, 26, 125, 0.22);
    color: #c40858;
}

.pc-rail-type-tag-standing[b-bpp81z4tkx] {
    background: rgba(22, 163, 74, 0.06);
    border-color: rgba(22, 163, 74, 0.18);
    color: #15803d;
}

.pc-rail-description[b-bpp81z4tkx] {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--ws-ink-2, #334155);
}

.pc-rail-status[b-bpp81z4tkx] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 4px;
    font-size: 11.5px;
    font-weight: 500;
    color: var(--ws-ink-3, #475569);
    letter-spacing: 0.01em;
}

.pc-rail-status-dot[b-bpp81z4tkx] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ws-ink-5, #94a3b8);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.55);
    flex: 0 0 auto;
}

    .pc-rail-status-dot.status-active[b-bpp81z4tkx] {
        background: #16a34a;
        box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.18);
    }

    .pc-rail-status-dot.status-draft[b-bpp81z4tkx] {
        background: #94a3b8;
    }

    .pc-rail-status-dot.status-paused[b-bpp81z4tkx] {
        background: #d97706;
        box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.18);
    }

    .pc-rail-status-dot.status-archived[b-bpp81z4tkx] {
        background: #64748b;
    }

.pc-rail-status-label[b-bpp81z4tkx] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 10.5px;
    font-weight: 600;
}

.pc-rail-themes[b-bpp81z4tkx] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: -2px;
}

.pc-rail-theme-chip[b-bpp81z4tkx] {
    padding: 3px 10px;
    font-size: 10.5px;
    font-weight: 600;
    color: var(--ws-ink-2, #334155);
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 999px;
    letter-spacing: 0.01em;
}

.pc-rail-section[b-bpp81z4tkx] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.pc-rail-section-label[b-bpp81z4tkx] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ws-ink-3, #475569);
}

.pc-rail-section-count[b-bpp81z4tkx] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10.5px;
    font-weight: 600;
    color: var(--ws-ink-4, #64748b);
    letter-spacing: 0;
}

.pc-rail-person-list[b-bpp81z4tkx] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.pc-rail-person[b-bpp81z4tkx] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.pc-rail-person-avatar[b-bpp81z4tkx] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
    color: #fff;
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.01em;
    flex: 0 0 auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 1px 1px rgba(15, 23, 42, 0.10);
}

.pc-rail-person-avatar-owner[b-bpp81z4tkx] {
    width: 34px;
    height: 34px;
    font-size: 12px;
    background: linear-gradient(135deg, #334155 0%, #0f172a 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 1px 2px rgba(15, 23, 42, 0.18);
}

.pc-rail-person-detail[b-bpp81z4tkx] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    gap: 1px;
}

.pc-rail-person-name[b-bpp81z4tkx] {
    font-size: 13px;
    font-weight: 500;
    color: var(--ws-ink-1, #0f172a);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-rail-person-role[b-bpp81z4tkx] {
    font-size: 11px;
    font-style: italic;
    color: var(--ws-ink-4, #64748b);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-splitter[b-bpp81z4tkx] {
    position: relative;
    width: 6px;
    background: transparent;
    cursor: col-resize;
    user-select: none;
    -webkit-user-select: none;
    transition: background-color 0.15s ease;
}

    .pc-splitter[b-bpp81z4tkx]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 1px;
        background: var(--border-color, #e2e8f0);
        transition: background-color 0.15s ease;
    }

    .pc-splitter:hover[b-bpp81z4tkx] {
        background: rgba(99, 102, 241, 0.06);
    }

        .pc-splitter:hover[b-bpp81z4tkx]::before {
            background: rgba(99, 102, 241, 0.45);
        }

    .pc-splitter.is-active[b-bpp81z4tkx] {
        background: rgba(99, 102, 241, 0.10);
    }

        .pc-splitter.is-active[b-bpp81z4tkx]::before {
            background: #6366f1;
        }

.pc-splitter-grip[b-bpp81z4tkx] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 32px;
    border-radius: 2px;
    background: rgba(15, 23, 42, 0.10);
    transition: background-color 0.15s ease, height 0.15s ease;
}

.pc-splitter:hover .pc-splitter-grip[b-bpp81z4tkx] {
    background: rgba(99, 102, 241, 0.55);
    height: 40px;
}

.pc-splitter.is-active .pc-splitter-grip[b-bpp81z4tkx] {
    background: #6366f1;
    height: 44px;
}

.portfolio-main[b-bpp81z4tkx] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: var(--ws-bg-1, #ffffff);
    position: relative;
    overflow: hidden;
}

    .portfolio-main > .pc-state-empty[b-bpp81z4tkx],
    .portfolio-main > .pc-skeleton-main[b-bpp81z4tkx] {
        flex: 1;
        min-height: 0;
    }

.pc-grades[b-bpp81z4tkx] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

    .pc-grades[b-bpp81z4tkx]::-webkit-scrollbar {
        width: 10px;
    }

    .pc-grades[b-bpp81z4tkx]::-webkit-scrollbar-track {
        background: transparent;
    }

    .pc-grades[b-bpp81z4tkx]::-webkit-scrollbar-thumb {
        background: rgba(15, 23, 42, 0.10);
        border-radius: 5px;
        border: 2px solid transparent;
        background-clip: padding-box;
    }

        .pc-grades[b-bpp81z4tkx]::-webkit-scrollbar-thumb:hover {
            background: rgba(15, 23, 42, 0.20);
            background-clip: padding-box;
            border: 2px solid transparent;
        }

.pc-grade[b-bpp81z4tkx] {
    padding: 0 24px 28px;
    flex-shrink: 0;
}

    .pc-grade:last-child[b-bpp81z4tkx] {
        flex: 1 0 auto;
        padding-bottom: 64px;
    }

    .pc-grade.grade-great[b-bpp81z4tkx] {
        background: linear-gradient(180deg, rgba(22, 163, 74, 0.055) 0%, rgba(22, 163, 74, 0.025) 100%);
    }

    .pc-grade.grade-good[b-bpp81z4tkx] {
        background: var(--ws-bg-soft, #f8fafc);
    }

    .pc-grade.grade-moderate[b-bpp81z4tkx] {
        background: linear-gradient(180deg, rgba(217, 119, 6, 0.05) 0%, rgba(217, 119, 6, 0.02) 100%);
    }

    .pc-grade.grade-poor[b-bpp81z4tkx] {
        background: linear-gradient(180deg, rgba(148, 163, 184, 0.07) 0%, rgba(148, 163, 184, 0.03) 100%);
    }

    .pc-grade.grade-empty[b-bpp81z4tkx] {
        background: linear-gradient(180deg, rgba(15, 23, 42, 0.04) 0%, rgba(15, 23, 42, 0.02) 100%);
    }

.pc-grade-header[b-bpp81z4tkx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 26px 0 16px;
    user-select: none;
}

.pc-grade-eyebrow[b-bpp81z4tkx] {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    flex-shrink: 1;
    min-width: 0;
}

    .pc-grade-eyebrow i[b-bpp81z4tkx] {
        font-size: 12px;
        color: var(--ws-ink-4, #64748b);
        align-self: center;
    }

.pc-grade-label[b-bpp81z4tkx] {
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--ws-ink-2, #334155);
    white-space: nowrap;
    flex-shrink: 0;
}

.pc-grade-descriptor[b-bpp81z4tkx] {
    font-size: 11.5px;
    color: var(--ws-ink-4, #64748b);
    font-weight: 400;
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.pc-grade-rule[b-bpp81z4tkx] {
    flex: 1;
    height: 1px;
    background: rgba(15, 23, 42, 0.10);
    min-width: 24px;
    align-self: center;
}

.pc-grade-count[b-bpp81z4tkx] {
    flex: 0 0 auto;
    padding: 3px 10px;
    background: white;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 999px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    font-weight: 600;
    color: var(--ws-ink-3, #475569);
    line-height: 1.4;
}

.pc-grade.grade-great .pc-grade-eyebrow i[b-bpp81z4tkx] {
    color: var(--score-great-vivid, #16a34a);
}

.pc-grade.grade-great .pc-grade-label[b-bpp81z4tkx] {
    color: #15803d;
}

.pc-grade.grade-great .pc-grade-rule[b-bpp81z4tkx] {
    background: rgba(22, 163, 74, 0.22);
}

.pc-grade.grade-good .pc-grade-eyebrow i[b-bpp81z4tkx] {
    color: var(--score-good-vivid, #5a8a72);
}

.pc-grade.grade-good .pc-grade-label[b-bpp81z4tkx] {
    color: #1e293b;
}

.pc-grade.grade-good .pc-grade-rule[b-bpp81z4tkx] {
    background: rgba(90, 138, 114, 0.22);
}

.pc-grade.grade-moderate .pc-grade-eyebrow i[b-bpp81z4tkx] {
    color: var(--score-moderate-vivid, #d97706);
}

.pc-grade.grade-moderate .pc-grade-label[b-bpp81z4tkx] {
    color: #b45309;
}

.pc-grade.grade-moderate .pc-grade-rule[b-bpp81z4tkx] {
    background: rgba(217, 119, 6, 0.22);
}

.pc-grade.grade-poor .pc-grade-eyebrow i[b-bpp81z4tkx] {
    color: var(--ws-ink-4, #64748b);
}

.pc-grade.grade-poor .pc-grade-label[b-bpp81z4tkx] {
    color: var(--ws-ink-2, #334155);
}

.pc-grade.grade-poor .pc-grade-rule[b-bpp81z4tkx] {
    background: rgba(100, 116, 139, 0.20);
}

.pc-grade-cards[b-bpp81z4tkx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 16px;
    align-content: flex-start;
}

@keyframes pc-card-enter-b-bpp81z4tkx {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pc-pulse-b-bpp81z4tkx {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(243, 26, 125, 0.55);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(243, 26, 125, 0);
    }
}

.pc-idea-card[b-bpp81z4tkx] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 16px 18px 14px 22px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    cursor: pointer;
    overflow: hidden;
    user-select: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 2px 6px rgba(15, 23, 42, 0.04);
    animation: pc-card-enter-b-bpp81z4tkx 0.28s cubic-bezier(0.2, 0.8, 0.2, 1) both;
    transition: transform 0.20s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.20s ease, border-color 0.20s ease, opacity 0.20s ease;
}

    .pc-idea-card:hover[b-bpp81z4tkx] {
        transform: translateY(-2px);
        border-color: rgba(15, 23, 42, 0.16);
        box-shadow: 0 2px 4px rgba(15, 23, 42, 0.08), 0 10px 22px rgba(15, 23, 42, 0.12);
    }

.pc-idea-status-chip[b-bpp81z4tkx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px 4px 9px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1;
    flex: 0 1 auto;
    min-width: 0;
}

    .pc-idea-status-chip i[b-bpp81z4tkx] {
        font-size: 10px;
    }

.pc-idea-status-pending[b-bpp81z4tkx] {
    background: rgba(243, 26, 125, 0.10);
    color: #c40858;
    border: 1px solid rgba(243, 26, 125, 0.24);
}

.pc-idea-status-pulse[b-bpp81z4tkx] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f31a7d;
    flex: 0 0 auto;
    animation: pc-pulse-b-bpp81z4tkx 1.8s ease-out infinite;
}

.pc-idea-status-verdicted[b-bpp81z4tkx] {
    border: 1px solid currentColor;
    background: rgba(255, 255, 255, 0.5);
}

    .pc-idea-status-verdicted.verdict-pursue[b-bpp81z4tkx] {
        color: #15803d;
        background: rgba(22, 163, 74, 0.10);
        border-color: rgba(22, 163, 74, 0.32);
    }

    .pc-idea-status-verdicted.verdict-explore[b-bpp81z4tkx] {
        color: #1d4ed8;
        background: rgba(37, 99, 235, 0.10);
        border-color: rgba(37, 99, 235, 0.32);
    }

    .pc-idea-status-verdicted.verdict-hold[b-bpp81z4tkx] {
        color: #b45309;
        background: rgba(217, 119, 6, 0.10);
        border-color: rgba(217, 119, 6, 0.32);
    }

    .pc-idea-status-verdicted.verdict-kill[b-bpp81z4tkx] {
        color: #b91c1c;
        background: rgba(220, 38, 38, 0.08);
        border-color: rgba(220, 38, 38, 0.30);
    }

.pc-card-grade[b-bpp81z4tkx] {
    flex: 0 0 auto;
    z-index: 1;
}

.mini-grade[b-bpp81z4tkx] {
    --mg-pct: 0;
    --mg-color: transparent;
    --mg-tint: transparent;
    --mg-track: rgba(0, 0, 0, 0.12);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: conic-gradient(var(--mg-color) calc(var(--mg-pct) * 3.6deg), var(--mg-track) calc(var(--mg-pct) * 3.6deg));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mini-grade-core[b-bpp81z4tkx] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--score-header, #1e293b);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: Georgia, 'Times New Roman', serif;
}

    .mini-grade-core[b-bpp81z4tkx]::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 50%;
        background: var(--mg-tint);
    }

.mini-grade-letter[b-bpp81z4tkx] {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: rgba(255, 255, 255, 0.92);
    position: relative;
}

.mini-grade-core.has-mod .mini-grade-letter[b-bpp81z4tkx] {
    font-size: 11px;
    margin-left: -1px;
}

.mini-grade-mod[b-bpp81z4tkx] {
    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;
    font-size: 7.5px;
    font-weight: 800;
    line-height: 1;
    color: rgba(255, 255, 255, 0.92);
    position: relative;
    align-self: flex-start;
    margin-top: 3px;
    margin-left: -0.5px;
}

.mini-grade.grade-great[b-bpp81z4tkx] {
    --mg-color: var(--score-great-vivid, #16a34a);
    --mg-tint: rgba(22, 163, 74, 0.20);
}

.mini-grade.grade-good[b-bpp81z4tkx] {
    --mg-color: var(--score-good-vivid, #5a8a72);
    --mg-tint: rgba(90, 138, 114, 0.18);
}

.mini-grade.grade-moderate[b-bpp81z4tkx] {
    --mg-color: var(--score-moderate-vivid, #d97706);
    --mg-tint: rgba(217, 119, 6, 0.18);
}

.mini-grade.grade-poor[b-bpp81z4tkx] {
    --mg-color: var(--score-poor-vivid, #94a3b8);
    --mg-tint: rgba(148, 163, 184, 0.14);
}

.mini-grade.grade-empty[b-bpp81z4tkx] {
    --mg-tint: rgba(203, 213, 225, 0.10);
}

    .mini-grade.grade-empty .mini-grade-core[b-bpp81z4tkx] {
        background: #e2e8f0;
    }

        .mini-grade.grade-empty .mini-grade-core[b-bpp81z4tkx]::before {
            background: none;
        }

    .mini-grade.grade-empty .mini-grade-letter[b-bpp81z4tkx] {
        color: #64748b;
        font-weight: bold;
    }

.pc-idea-painhook[b-bpp81z4tkx] {
    margin: 0 0 14px;
    font-size: 12.5px;
    line-height: 1.42;
    color: var(--ws-ink-3, #475569);
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pc-idea-pips[b-bpp81z4tkx] {
    display: flex;
    gap: 6px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.pc-idea-pip[b-bpp81z4tkx] {
    flex: 1 1 0;
    min-width: 80px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 6px 8px 6px 9px;
    background: rgba(15, 23, 42, 0.03);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-left-width: 3px;
    border-radius: 4px;
    line-height: 1.15;
}

.pc-idea-pip-label[b-bpp81z4tkx] {
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--ws-ink-4, #64748b);
}

.pc-idea-pip-value[b-bpp81z4tkx] {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ws-ink-1, #0f172a);
    letter-spacing: -0.01em;
}

.pip-prize-1[b-bpp81z4tkx] {
    border-left-color: #cbd5e1;
}

.pip-prize-2[b-bpp81z4tkx] {
    border-left-color: #94a3b8;
}

.pip-prize-3[b-bpp81z4tkx] {
    border-left-color: #16a34a;
    background: rgba(22, 163, 74, 0.045);
}

.pip-prize-4[b-bpp81z4tkx] {
    border-left-color: #15803d;
    background: rgba(22, 163, 74, 0.09);
}

    .pip-prize-4 .pc-idea-pip-value[b-bpp81z4tkx] {
        color: #15803d;
    }

.pip-effort-1[b-bpp81z4tkx] {
    border-left-color: #16a34a;
    background: rgba(22, 163, 74, 0.04);
}

.pip-effort-2[b-bpp81z4tkx] {
    border-left-color: #94a3b8;
}

.pip-effort-3[b-bpp81z4tkx] {
    border-left-color: #d97706;
    background: rgba(217, 119, 6, 0.04);
}

.pip-effort-4[b-bpp81z4tkx] {
    border-left-color: #b45309;
    background: rgba(217, 119, 6, 0.09);
}

    .pip-effort-4 .pc-idea-pip-value[b-bpp81z4tkx] {
        color: #b45309;
    }

.pip-horizon-1[b-bpp81z4tkx] {
    border-left-color: #f31a7d;
    background: rgba(243, 26, 125, 0.05);
}

    .pip-horizon-1 .pc-idea-pip-value[b-bpp81z4tkx] {
        color: #c40858;
    }

.pip-horizon-2[b-bpp81z4tkx] {
    border-left-color: #94a3b8;
}

.pip-horizon-3[b-bpp81z4tkx] {
    border-left-color: #cbd5e1;
    opacity: 0.85;
}

.pc-idea-evidence[b-bpp81z4tkx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding-top: 8px;
    border-top: 1px dashed rgba(15, 23, 42, 0.08);
}

.pc-idea-evidence-label[b-bpp81z4tkx] {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--ws-ink-4, #64748b);
    flex: 0 0 auto;
}

.pc-idea-evidence-marks[b-bpp81z4tkx] {
    display: inline-flex;
    gap: 4px;
}

.pc-idea-evidence-mark[b-bpp81z4tkx] {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0;
    cursor: help;
    transition: transform 0.14s ease;
}

    .pc-idea-evidence-mark.is-on[b-bpp81z4tkx] {
        background: rgba(22, 163, 74, 0.14);
        color: #15803d;
        border: 1px solid rgba(22, 163, 74, 0.32);
    }

    .pc-idea-evidence-mark.is-off[b-bpp81z4tkx] {
        background: rgba(15, 23, 42, 0.04);
        color: var(--ws-ink-5, #94a3b8);
        border: 1px dashed rgba(15, 23, 42, 0.18);
    }

    .pc-idea-evidence-mark:hover[b-bpp81z4tkx] {
        transform: translateY(-1px);
    }

.pc-idea-verdict-strip[b-bpp81z4tkx] {
    display: flex;
    align-items: stretch;
    gap: 6px;
    margin-bottom: 12px;
    cursor: default;
}

.pc-idea-verdict-btn[b-bpp81z4tkx] {
    flex: 1 1 0;
    appearance: none;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 8px 4px;
    background: rgba(15, 23, 42, 0.03);
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 6px;
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 600;
    color: var(--ws-ink-2, #334155);
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease, transform 0.10s ease;
}

    .pc-idea-verdict-btn i[b-bpp81z4tkx] {
        font-size: 11px;
        color: var(--ws-ink-4, #64748b);
        transition: color 0.14s ease;
    }

    .pc-idea-verdict-btn:hover[b-bpp81z4tkx] {
        transform: translateY(-1px);
    }

    .pc-idea-verdict-btn:active[b-bpp81z4tkx] {
        transform: translateY(0);
    }

.pc-idea-verdict-pursue:hover[b-bpp81z4tkx] {
    background: rgba(22, 163, 74, 0.10);
    border-color: rgba(22, 163, 74, 0.40);
    color: #15803d;
}

    .pc-idea-verdict-pursue:hover i[b-bpp81z4tkx] {
        color: #15803d;
    }

.pc-idea-verdict-explore:hover[b-bpp81z4tkx] {
    background: rgba(37, 99, 235, 0.08);
    border-color: rgba(37, 99, 235, 0.36);
    color: #1d4ed8;
}

    .pc-idea-verdict-explore:hover i[b-bpp81z4tkx] {
        color: #1d4ed8;
    }

.pc-idea-verdict-hold:hover[b-bpp81z4tkx] {
    background: rgba(217, 119, 6, 0.08);
    border-color: rgba(217, 119, 6, 0.36);
    color: #b45309;
}

    .pc-idea-verdict-hold:hover i[b-bpp81z4tkx] {
        color: #b45309;
    }

.pc-idea-verdict-kill:hover[b-bpp81z4tkx] {
    background: rgba(220, 38, 38, 0.07);
    border-color: rgba(220, 38, 38, 0.34);
    color: #b91c1c;
}

    .pc-idea-verdict-kill:hover i[b-bpp81z4tkx] {
        color: #b91c1c;
    }

.pc-idea-verdict-recorded[b-bpp81z4tkx] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    background: rgba(15, 23, 42, 0.025);
    border: 1px dashed rgba(15, 23, 42, 0.12);
    border-radius: 6px;
}

.pc-idea-verdict-recorded-label[b-bpp81z4tkx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10.5px;
    font-weight: 600;
    color: var(--ws-ink-3, #475569);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

    .pc-idea-verdict-recorded-label i[b-bpp81z4tkx] {
        font-size: 10px;
        color: var(--ws-ink-4, #64748b);
    }

.pc-idea-verdict-change[b-bpp81z4tkx] {
    appearance: none;
    background: transparent;
    border: none;
    padding: 2px 4px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    color: var(--ws-ink-3, #475569);
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: rgba(15, 23, 42, 0.25);
    text-underline-offset: 2px;
    transition: color 0.14s ease, text-decoration-color 0.14s ease;
}

    .pc-idea-verdict-change:hover[b-bpp81z4tkx] {
        color: var(--ws-ink-1, #0f172a);
        text-decoration-color: currentColor;
    }

.pc-idea-foot[b-bpp81z4tkx] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px dashed rgba(15, 23, 42, 0.08);
    font-size: 10.5px;
    color: var(--ws-ink-4, #64748b);
}

.pc-idea-foot-codename[b-bpp81z4tkx] {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
    font-size: 9.5px;
    font-weight: 600;
    color: var(--ws-ink-4, #64748b);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    max-width: 120px;
}

.pc-idea-foot-dot[b-bpp81z4tkx] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--ws-ink-6, #cbd5e1);
    flex: 0 0 auto;
}

.pc-idea-foot-source[b-bpp81z4tkx] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1 1 auto;
}

    .pc-idea-foot-source i[b-bpp81z4tkx] {
        font-size: 8.5px;
        color: var(--ws-ink-5, #94a3b8);
        flex: 0 0 auto;
    }

.pc-idea-foot-source-orphan[b-bpp81z4tkx] {
    font-style: italic;
    color: var(--ws-ink-5, #94a3b8);
}

.pc-idea-foot-meta[b-bpp81z4tkx] {
    flex: 0 0 auto;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    color: var(--ws-ink-5, #94a3b8);
}

.pc-state-empty[b-bpp81z4tkx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 64px 24px;
    color: var(--ws-ink-4, #64748b);
    gap: 12px;
}

    .pc-state-empty i[b-bpp81z4tkx] {
        font-size: 32px;
        color: var(--ws-ink-6, #cbd5e1);
    }

.pc-state-empty-title[b-bpp81z4tkx] {
    font-size: 17px;
    font-weight: 600;
    color: var(--ws-ink-2, #334155);
    letter-spacing: -0.01em;
}

.pc-state-empty-body[b-bpp81z4tkx] {
    font-size: 13px;
    line-height: 1.55;
    max-width: 460px;
    color: var(--ws-ink-4, #64748b);
}

.pc-skeleton-main[b-bpp81z4tkx] {
    padding: 32px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.pc-skeleton-hero[b-bpp81z4tkx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pc-skeleton-eyebrow[b-bpp81z4tkx] {
    width: 120px;
    height: 14px;
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.08);
    animation: pc-skel-pulse-b-bpp81z4tkx 1.4s ease-in-out infinite;
}

.pc-skeleton-title[b-bpp81z4tkx] {
    width: 50%;
    height: 22px;
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.10);
    animation: pc-skel-pulse-b-bpp81z4tkx 1.4s ease-in-out infinite;
}

.pc-skeleton-subtitle[b-bpp81z4tkx] {
    width: 70%;
    height: 12px;
    border-radius: 3px;
    background: rgba(15, 23, 42, 0.06);
    animation: pc-skel-pulse-b-bpp81z4tkx 1.4s ease-in-out infinite;
}

.pc-skeleton-card-grid[b-bpp81z4tkx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 16px;
}

.pc-skeleton-card[b-bpp81z4tkx] {
    height: 280px;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.06);
    animation: pc-skel-pulse-b-bpp81z4tkx 1.4s ease-in-out infinite;
}

@keyframes pc-skel-pulse-b-bpp81z4tkx {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.55;
    }
}

@media (max-width: 900px) {
    .pc-grade-cards[b-bpp81z4tkx],
    .pc-skeleton-card-grid[b-bpp81z4tkx] {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    }
}

@media (max-width: 640px) {
    .pc-grade-cards[b-bpp81z4tkx],
    .pc-skeleton-card-grid[b-bpp81z4tkx] {
        grid-template-columns: 1fr;
    }
}

.portfolio-main[b-bpp81z4tkx] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: var(--ws-bg-1, #ffffff);
    position: relative;
    overflow: hidden;
}

    .portfolio-main > .pc-state-empty[b-bpp81z4tkx],
    .portfolio-main > .pc-skeleton-main[b-bpp81z4tkx] {
        flex: 1;
        min-height: 0;
    }

.pc-feed[b-bpp81z4tkx] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 0 0 64px 0;
    gap: 0;
}

    .pc-feed[b-bpp81z4tkx]::-webkit-scrollbar {
        width: 10px;
    }

    .pc-feed[b-bpp81z4tkx]::-webkit-scrollbar-track {
        background: transparent;
    }

    .pc-feed[b-bpp81z4tkx]::-webkit-scrollbar-thumb {
        background: rgba(15, 23, 42, 0.10);
        border-radius: 5px;
        border: 2px solid transparent;
        background-clip: padding-box;
    }

        .pc-feed[b-bpp81z4tkx]::-webkit-scrollbar-thumb:hover {
            background: rgba(15, 23, 42, 0.20);
            background-clip: padding-box;
            border: 2px solid transparent;
        }

.pc-feed-grid[b-bpp81z4tkx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 18px;
    align-content: flex-start;
}

.pc-feed-cutline[b-bpp81z4tkx] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 24px;
    margin: -16px 0 -16px 0;
    user-select: none;
    pointer-events: none;
}

    .pc-feed-cutline > *[b-bpp81z4tkx] {
        pointer-events: auto;
    }

.pc-feed-cutline-bar[b-bpp81z4tkx] {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(243, 26, 125, 0.18) 12%, rgba(243, 26, 125, 0.55) 50%, rgba(243, 26, 125, 0.18) 88%, transparent 100%);
}

.pc-feed-cutline-label[b-bpp81z4tkx] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    background: linear-gradient(rgba(243, 26, 125, 0.06), rgba(243, 26, 125, 0.06)), #ffffff;
    border: 1px solid rgba(243, 26, 125, 0.32);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #c40858;
    box-shadow: 0 1px 2px rgba(243, 26, 125, 0.08);
}

    .pc-feed-cutline-label i[b-bpp81z4tkx] {
        font-size: 10px;
    }

    .pc-feed-cutline-label strong[b-bpp81z4tkx] {
        font-weight: 700;
        color: #a30649;
    }

.pc-feed-grid-below .pc-idea-card[b-bpp81z4tkx] {
    opacity: 0.78;
    background: rgba(248, 250, 252, 0.7);
}

    .pc-feed-grid-below .pc-idea-card:hover[b-bpp81z4tkx] {
        opacity: 1;
        background: #ffffff;
    }

@keyframes pc-card-enter-b-bpp81z4tkx {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pc-idea-card[b-bpp81z4tkx] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 18px 22px 16px 24px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    cursor: pointer;
    overflow: hidden;
    user-select: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 2px 6px rgba(15, 23, 42, 0.04);
    animation: pc-card-enter-b-bpp81z4tkx 0.28s cubic-bezier(0.2, 0.8, 0.2, 1) both;
    transition: transform 0.20s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.20s ease, border-color 0.20s ease, opacity 0.20s ease, background 0.20s ease;
}

    .pc-idea-card:hover[b-bpp81z4tkx] {
        transform: translateY(-2px);
        border-color: rgba(15, 23, 42, 0.18);
        box-shadow: 0 2px 4px rgba(15, 23, 42, 0.06), 0 10px 22px rgba(15, 23, 42, 0.10);
    }

.pc-idea-grade-tile[b-bpp81z4tkx] {
    --tier-bg: rgba(15, 23, 42, 0.04);
    --tier-border: rgba(15, 23, 42, 0.12);
    --tier-fg: #2c3e50;
    --grade-tile-size: 4rem;
    flex-shrink: 0;
    position: relative;
    width: var(--grade-tile-size);
    min-height: var(--grade-tile-size);
    padding: 0.5rem 0.5rem;
    border-radius: 14px;
    background: var(--tier-bg);
    border: 1.5px solid var(--tier-border);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    color: var(--tier-fg);
}

    .pc-idea-grade-tile.tier-great[b-bpp81z4tkx] {
        --tier-bg: color-mix(in srgb, #16a34a 8%, #ffffff);
        --tier-border: rgba(22, 163, 74, 0.32);
        --tier-fg: #15803d;
    }

    .pc-idea-grade-tile.tier-good[b-bpp81z4tkx] {
        --tier-bg: color-mix(in srgb, #65a30d 8%, #ffffff);
        --tier-border: rgba(101, 163, 13, 0.32);
        --tier-fg: #4d7c0f;
    }

    .pc-idea-grade-tile.tier-moderate[b-bpp81z4tkx] {
        --tier-bg: color-mix(in srgb, #ea580c 8%, #ffffff);
        --tier-border: rgba(234, 88, 12, 0.32);
        --tier-fg: #c2410c;
    }

    .pc-idea-grade-tile.tier-poor[b-bpp81z4tkx] {
        --tier-bg: color-mix(in srgb, #dc2626 8%, #ffffff);
        --tier-border: rgba(220, 38, 38, 0.32);
        --tier-fg: #b91c1c;
    }

    .pc-idea-grade-tile.tier-empty[b-bpp81z4tkx] {
        --tier-bg: rgba(15, 23, 42, 0.03);
        --tier-border: rgba(15, 23, 42, 0.10);
        --tier-fg: #94a3b8;
    }

.pc-idea-grade-letter-row[b-bpp81z4tkx] {
    display: inline-flex;
    align-items: baseline;
    line-height: 1;
}

.pc-idea-grade-letter[b-bpp81z4tkx] {
    position: relative;
    display: inline-block;
    font-family: 'Space Grotesk', 'Inter', -apple-system, sans-serif;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.04em;
    color: var(--tier-fg);
    text-align: center;
}

.pc-idea-grade-modifier[b-bpp81z4tkx] {
    position: absolute;
    top: 0.4375rem;
    right: 0.5rem;
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 0.8125rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--tier-fg);
    opacity: 0.9;
    pointer-events: none;
}

.pc-idea-grade-score-row[b-bpp81z4tkx] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3125rem;
    line-height: 1;
}

.pc-idea-grade-score[b-bpp81z4tkx] {
    font-family: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--tier-fg);
    font-variant-numeric: tabular-nums;
    opacity: 0.85;
}

    .pc-idea-grade-score .pc-score-unit[b-bpp81z4tkx] {
        margin-left: 0.0625rem;
        font-size: 0.85em;
        opacity: 0.75;
    }


.pc-state-empty[b-bpp81z4tkx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 64px 24px;
    color: var(--ws-ink-4, #64748b);
    gap: 12px;
}

    .pc-state-empty i[b-bpp81z4tkx] {
        font-size: 32px;
        color: var(--ws-ink-6, #cbd5e1);
    }

.pc-state-empty-title[b-bpp81z4tkx] {
    font-size: 17px;
    font-weight: 600;
    color: var(--ws-ink-2, #334155);
    letter-spacing: -0.01em;
}

.pc-state-empty-body[b-bpp81z4tkx] {
    font-size: 13px;
    line-height: 1.55;
    max-width: 460px;
    color: var(--ws-ink-4, #64748b);
}

.pc-skeleton-main[b-bpp81z4tkx] {
    padding: 32px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.pc-skeleton-hero[b-bpp81z4tkx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pc-skeleton-eyebrow[b-bpp81z4tkx] {
    width: 120px;
    height: 14px;
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.08);
    animation: pc-skel-pulse-b-bpp81z4tkx 1.4s ease-in-out infinite;
}

.pc-skeleton-title[b-bpp81z4tkx] {
    width: 50%;
    height: 22px;
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.10);
    animation: pc-skel-pulse-b-bpp81z4tkx 1.4s ease-in-out infinite;
}

.pc-skeleton-subtitle[b-bpp81z4tkx] {
    width: 70%;
    height: 12px;
    border-radius: 3px;
    background: rgba(15, 23, 42, 0.06);
    animation: pc-skel-pulse-b-bpp81z4tkx 1.4s ease-in-out infinite;
}

.pc-skeleton-card-grid[b-bpp81z4tkx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 18px;
}

.pc-skeleton-card[b-bpp81z4tkx] {
    height: 280px;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.06);
    animation: pc-skel-pulse-b-bpp81z4tkx 1.4s ease-in-out infinite;
}

@keyframes pc-skel-pulse-b-bpp81z4tkx {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.55;
    }
}

@media (max-width: 900px) {
    .pc-feed-grid[b-bpp81z4tkx],
    .pc-skeleton-card-grid[b-bpp81z4tkx] {
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    }

    .pc-feed[b-bpp81z4tkx] {
        padding: 0 0 64px 0;
    }

    .pc-feed-grid[b-bpp81z4tkx],
    .pc-feed-grid-below[b-bpp81z4tkx] {
        padding: 18px 18px 22px;
    }

    .pc-feed-cutline[b-bpp81z4tkx] {
        padding: 0 18px;
    }
}

@media (max-width: 640px) {
    .pc-feed-grid[b-bpp81z4tkx],
    .pc-skeleton-card-grid[b-bpp81z4tkx] {
        grid-template-columns: 1fr;
    }

    .pc-feed[b-bpp81z4tkx] {
        padding: 0 0 64px 0;
    }

    .pc-feed-grid[b-bpp81z4tkx],
    .pc-feed-grid-below[b-bpp81z4tkx] {
        padding: 14px 16px 18px;
    }

    .pc-feed-cutline[b-bpp81z4tkx] {
        padding: 0 16px;
    }
}



.portfolio-rail-right[b-bpp81z4tkx] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    border-left: 1px solid rgba(15, 23, 42, 0.08);
    background: var(--ws-bg-1, #ffffff);
}

.pc-tl-header[b-bpp81z4tkx] {
    flex: 0 0 auto;
    padding: 18px 20px 14px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pc-tl-header-eyebrow[b-bpp81z4tkx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ws-ink-4, #64748b);
}

.pc-tl-header-title[b-bpp81z4tkx] {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.008em;
    color: var(--ws-ink-1, #0f172a);
}

.pc-tl-header-sub[b-bpp81z4tkx] {
    font-size: 11.5px;
    color: var(--ws-ink-4, #64748b);
    line-height: 1.45;
    margin-top: 2px;
}

.pc-tl-clear[b-bpp81z4tkx] {
    appearance: none;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.10);
    width: 22px;
    height: 22px;
    border-radius: 4px;
    color: var(--ws-ink-3, #475569);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.14s ease, color 0.14s ease;
}

    .pc-tl-clear:hover[b-bpp81z4tkx] {
        background: rgba(15, 23, 42, 0.09);
        color: var(--ws-ink-1, #0f172a);
    }

    .pc-tl-clear i[b-bpp81z4tkx] {
        font-size: 10px;
    }

.pc-tl-list[b-bpp81z4tkx] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 8px 32px;
}

    .pc-tl-list[b-bpp81z4tkx]::-webkit-scrollbar {
        width: 8px;
    }

    .pc-tl-list[b-bpp81z4tkx]::-webkit-scrollbar-thumb {
        background: rgba(15, 23, 42, 0.10);
        border-radius: 4px;
    }

        .pc-tl-list[b-bpp81z4tkx]::-webkit-scrollbar-thumb:hover {
            background: rgba(15, 23, 42, 0.20);
        }

.pc-tl-empty[b-bpp81z4tkx] {
    padding: 36px 16px;
    text-align: center;
    color: var(--ws-ink-5, #94a3b8);
    font-size: 12.5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

    .pc-tl-empty i[b-bpp81z4tkx] {
        font-size: 22px;
        color: var(--ws-ink-6, #cbd5e1);
    }

.pc-tl-row[b-bpp81z4tkx] {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.12s ease;
}

    .pc-tl-row:hover[b-bpp81z4tkx] {
        background: rgba(15, 23, 42, 0.025);
    }


.pc-tl-row-gutter[b-bpp81z4tkx] {
    display: flex;
    justify-content: center;
    padding-top: 1px;
}

.pc-tl-row-icon[b-bpp81z4tkx] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.06);
    color: var(--ws-ink-3, #475569);
    flex: 0 0 auto;
}

    .pc-tl-row-icon i[b-bpp81z4tkx] {
        font-size: 9.5px;
    }

.pc-tl-row-comment .pc-tl-row-icon[b-bpp81z4tkx] {
    background: rgba(15, 23, 42, 0.08);
    color: var(--ws-ink-1, #0f172a);
}

.pc-tl-row-cardcreated .pc-tl-row-icon[b-bpp81z4tkx] {
    background: rgba(22, 163, 74, 0.10);
    color: #15803d;
}

.pc-tl-row-lifecyclemove .pc-tl-row-icon[b-bpp81z4tkx] {
    background: rgba(37, 99, 235, 0.10);
    color: #1d4ed8;
}

.pc-tl-row-statuschange .pc-tl-row-icon[b-bpp81z4tkx] {
    background: rgba(217, 119, 6, 0.10);
    color: #b45309;
}

.pc-tl-row-body[b-bpp81z4tkx] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.pc-tl-row-meta[b-bpp81z4tkx] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--ws-ink-4, #64748b);
}

.pc-tl-row-author[b-bpp81z4tkx] {
    font-weight: 600;
    color: var(--ws-ink-2, #334155);
}

.pc-tl-row-dot[b-bpp81z4tkx] {
    width: 2.5px;
    height: 2.5px;
    border-radius: 50%;
    background: var(--ws-ink-6, #cbd5e1);
    flex: 0 0 auto;
}

.pc-tl-row-time[b-bpp81z4tkx] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10px;
    color: var(--ws-ink-5, #94a3b8);
}

.pc-tl-row-text[b-bpp81z4tkx] {
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--ws-ink-2, #334155);
}

.pc-tl-row-event[b-bpp81z4tkx] {
    color: var(--ws-ink-3, #475569);
    font-size: 12px;
}

    .pc-tl-row-event em[b-bpp81z4tkx] {
        font-style: normal;
        font-weight: 600;
        color: var(--ws-ink-2, #334155);
    }

.pc-tl-row-link[b-bpp81z4tkx] {
    font-style: italic;
    color: var(--ws-ink-2, #334155);
}

.pc-idea-card.is-selected[b-bpp81z4tkx] {
    background: #ffffff;
    border-color: rgba(243, 26, 125, 0.45);
    box-shadow: 0 0 0 1px rgba(243, 26, 125, 0.18), 0 6px 18px rgba(243, 26, 125, 0.12);
    opacity: 1;
}

    .pc-idea-card.is-selected.is-below-line[b-bpp81z4tkx] {
        background: #ffffff;
        opacity: 1;
    }

@media (max-width: 1180px) {
    .portfolio-grid[b-bpp81z4tkx] {
        grid-template-columns: var(--pc-left-rail-w, 320px) 6px minmax(0, 1fr) 300px;
    }
}

@media (max-width: 960px) {
    .portfolio-grid[b-bpp81z4tkx] {
        grid-template-columns: var(--pc-left-rail-w, 300px) 6px minmax(0, 1fr);
        grid-template-rows: 1fr auto;
    }

    .portfolio-rail-right[b-bpp81z4tkx] {
        grid-column: 1 / -1;
        border-left: none;
        border-top: 1px solid rgba(15, 23, 42, 0.10);
        max-height: 320px;
    }
}


.pc-tl-row-author-role[b-bpp81z4tkx] {
    font-style: italic;
    font-size: 10.5px;
    color: var(--ws-ink-4, #64748b);
    margin-left: -2px;
}

.pc-tl-row-cardcreated[b-bpp81z4tkx],
.pc-tl-row-lifecyclemove[b-bpp81z4tkx],
.pc-tl-row-statuschange[b-bpp81z4tkx] {
    border-left: 2px solid transparent;
    border-radius: 4px;
    padding-left: 10px;
    margin-left: 0;
}

.pc-tl-row-cardcreated[b-bpp81z4tkx] {
    border-left-color: rgba(22, 163, 74, 0.45);
}

.pc-tl-row-lifecyclemove[b-bpp81z4tkx] {
    border-left-color: rgba(37, 99, 235, 0.45);
}

.pc-tl-row-statuschange[b-bpp81z4tkx] {
    border-left-color: rgba(217, 119, 6, 0.45);
}

    .pc-tl-row-cardcreated .pc-tl-row-time[b-bpp81z4tkx],
    .pc-tl-row-lifecyclemove .pc-tl-row-time[b-bpp81z4tkx],
    .pc-tl-row-statuschange .pc-tl-row-time[b-bpp81z4tkx] {
        font-weight: 600;
        color: var(--ws-ink-3, #475569);
    }


.pc-idea-card-wrap[b-bpp81z4tkx] {
    position: relative;
    min-width: 0;
}

    .pc-idea-card-wrap.is-popover-open[b-bpp81z4tkx] {
        z-index: 10;
    }

.pc-idea-detail-btn[b-bpp81z4tkx] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    appearance: none;
    width: 26px;
    height: 26px;
    border-radius: 5px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    background: rgba(255, 255, 255, 0.95);
    color: var(--ws-ink-3, #475569);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(-2px);
    transition: opacity 0.14s ease, transform 0.14s ease, background 0.14s ease, color 0.14s ease, border-color 0.14s ease;
}

    .pc-idea-detail-btn i[b-bpp81z4tkx] {
        font-size: 10.5px;
    }

    .pc-idea-card:hover .pc-idea-detail-btn[b-bpp81z4tkx],
    .pc-idea-detail-btn:focus-visible[b-bpp81z4tkx] {
        opacity: 1;
        transform: translateY(0);
    }

    .pc-idea-detail-btn:hover[b-bpp81z4tkx] {
        background: #ffffff;
        color: var(--ws-ink-1, #0f172a);
        border-color: rgba(15, 23, 42, 0.22);
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    }

.pc-idea-card.is-selected .pc-idea-detail-btn[b-bpp81z4tkx] {
    opacity: 1;
    transform: translateY(0);
}

@keyframes pc-overlay-in-b-bpp81z4tkx {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pc-tl-row.is-match[b-bpp81z4tkx] {
    background: rgba(243, 26, 125, 0.06);
    outline: 1px solid rgba(243, 26, 125, 0.22);
    outline-offset: -1px;
}

    .pc-tl-row.is-match .pc-tl-row-author[b-bpp81z4tkx] {
        color: var(--ws-ink-1, #0f172a);
    }

.pc-tl-row.is-dimmed[b-bpp81z4tkx] {
    opacity: 0.42;
}

    .pc-tl-row.is-dimmed:hover[b-bpp81z4tkx] {
        opacity: 0.78;
    }


.pc-idea-card[b-bpp81z4tkx] {
    padding: 16px 18px 14px 18px;
    gap: 12px;
}

.pc-idea-top[b-bpp81z4tkx] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-height: 64px;
}

.pc-idea-top-text[b-bpp81z4tkx] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pc-idea-codename[b-bpp81z4tkx] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--ws-ink-5, #94a3b8);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.pc-idea-headline[b-bpp81z4tkx] {
    margin: 0;
    padding-right: 12px;
    font-family: 'Space Grotesk', 'Inter', -apple-system, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.014em;
    color: var(--ws-ink-1, #0f172a);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pc-idea-narrative[b-bpp81z4tkx] {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--ws-ink-2, #334155);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pc-idea-narrative-fallback[b-bpp81z4tkx] {
    font-style: italic;
    color: var(--ws-ink-3, #475569);
    -webkit-line-clamp: 3;
}

.pc-idea-owner[b-bpp81z4tkx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.pc-idea-owner-avatar[b-bpp81z4tkx] {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
    color: #ffffff;
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 1px 1px rgba(15, 23, 42, 0.10);
}

.pc-idea-owner-avatar-empty[b-bpp81z4tkx] {
    background: rgba(15, 23, 42, 0.06);
    color: var(--ws-ink-5, #94a3b8);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.10);
}

.pc-idea-owner-detail[b-bpp81z4tkx] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1.25;
}

.pc-idea-owner-name[b-bpp81z4tkx] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ws-ink-1, #0f172a);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -0.005em;
}

.pc-idea-owner-name-empty[b-bpp81z4tkx] {
    font-weight: 500;
    color: var(--ws-ink-5, #94a3b8);
    font-style: italic;
}

.pc-idea-owner-role[b-bpp81z4tkx] {
    font-size: 10.5px;
    font-style: italic;
    color: var(--ws-ink-4, #64748b);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -0.003em;
}

.pc-idea-lifecycle[b-bpp81z4tkx] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    line-height: 1.4;
    border-radius: 3px;
    border: 1px solid currentColor;
    background: rgba(255, 255, 255, 0.65);
    white-space: nowrap;
}

    .pc-idea-lifecycle.lifecycle-framed[b-bpp81z4tkx] {
        color: #64748b;
    }

    .pc-idea-lifecycle.lifecycle-validation[b-bpp81z4tkx] {
        color: #2563eb;
    }

    .pc-idea-lifecycle.lifecycle-prototyping[b-bpp81z4tkx] {
        color: #d97706;
    }

    .pc-idea-lifecycle.lifecycle-market[b-bpp81z4tkx] {
        color: #16a34a;
    }

    .pc-idea-lifecycle.lifecycle-scaling[b-bpp81z4tkx] {
        color: #15803d;
    }

.pc-idea-meta[b-bpp81z4tkx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10.5px;
    color: var(--ws-ink-5, #94a3b8);
    flex-wrap: wrap;
}

.pc-idea-meta-source[b-bpp81z4tkx] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--ws-ink-4, #64748b);
    font-weight: 500;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .pc-idea-meta-source i[b-bpp81z4tkx] {
        font-size: 9px;
        color: var(--ws-ink-6, #cbd5e1);
        flex: 0 0 auto;
    }

.pc-idea-meta-source-orphan[b-bpp81z4tkx] {
    color: var(--ws-ink-5, #94a3b8);
    font-style: italic;
}

.pc-idea-meta-dot[b-bpp81z4tkx] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--ws-ink-6, #cbd5e1);
    flex: 0 0 auto;
}

.pc-idea-meta-time[b-bpp81z4tkx] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10px;
    color: var(--ws-ink-5, #94a3b8);
    flex: 0 0 auto;
}

.pc-idea-comment-chip[b-bpp81z4tkx] {
    appearance: none;
    cursor: pointer;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    padding: 5px 10px;
    border-radius: 5px;
    background: rgba(15, 23, 42, 0.03);
    border: 1px solid rgba(15, 23, 42, 0.08);
    font-size: 11.5px;
    color: var(--ws-ink-4, #64748b);
    align-self: flex-start;
    transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}

    .pc-idea-comment-chip i[b-bpp81z4tkx] {
        font-size: 9.5px;
    }

    .pc-idea-comment-chip.has-comments[b-bpp81z4tkx] {
        background: rgba(243, 26, 125, 0.06);
        border-color: rgba(243, 26, 125, 0.20);
        color: #c40858;
    }

.pc-idea-card:hover .pc-idea-comment-chip[b-bpp81z4tkx] {
    background: rgba(15, 23, 42, 0.06);
    color: var(--ws-ink-2, #334155);
}

    .pc-idea-card:hover .pc-idea-comment-chip.has-comments[b-bpp81z4tkx] {
        background: rgba(243, 26, 125, 0.09);
        border-color: rgba(243, 26, 125, 0.32);
        color: #c40858;
    }

.pc-idea-comment-chip.is-active[b-bpp81z4tkx] {
    background: rgba(15, 23, 42, 0.12);
    border-color: rgba(15, 23, 42, 0.22);
    color: var(--ws-ink-1, #0f172a);
}

    .pc-idea-comment-chip.is-active.has-comments[b-bpp81z4tkx] {
        background: rgba(243, 26, 125, 0.14);
        border-color: rgba(243, 26, 125, 0.40);
        color: #c40858;
    }

.pc-idea-comment-chip.is-locked[b-bpp81z4tkx],
.pc-idea-card:hover .pc-idea-comment-chip.is-locked[b-bpp81z4tkx] {
    cursor: default;
    background: rgba(15, 23, 42, 0.02);
    border: 1px dashed rgba(15, 23, 42, 0.10);
    color: var(--ws-ink-5, #94a3b8);
    opacity: 0.7;
}

    .pc-idea-comment-chip.is-locked i[b-bpp81z4tkx] {
        font-size: 9px;
    }

.pc-idea-comment-count[b-bpp81z4tkx] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-weight: 700;
    font-size: 10.5px;
}

.pc-idea-comment-label[b-bpp81z4tkx] {
    font-weight: 500;
    font-size: 11px;
}

.pc-idea-comment-overlay[b-bpp81z4tkx] {
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 6px;
    z-index: 20;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(14px) saturate(160%);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, 0.70);
    border-radius: 9px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 1px 2px rgba(15, 23, 42, 0.06), 0 18px 36px -10px rgba(15, 23, 42, 0.22);
    padding: 11px 12px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    animation: pc-overlay-in-b-bpp81z4tkx 0.18s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

@keyframes pc-overlay-in-b-bpp81z4tkx {
    from {
        opacity: 0;
        transform: translateY(4px) scale(0.99);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@supports not (backdrop-filter: blur(1px)) {
    .pc-idea-comment-overlay[b-bpp81z4tkx] {
        background: rgba(255, 255, 255, 0.95);
    }
}

.pc-idea-comment-overlay-title[b-bpp81z4tkx] {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ws-ink-4, #64748b);
}

    .pc-idea-comment-overlay-title strong[b-bpp81z4tkx] {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 10px;
        font-weight: 700;
        color: var(--ws-ink-1, #0f172a);
        margin-right: 2px;
    }

.pc-idea-comment-overlay-textarea[b-bpp81z4tkx] {
    appearance: none;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.65);
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--ws-ink-1, #0f172a);
    resize: none;
    min-height: 60px;
    transition: border-color 0.14s ease, box-shadow 0.14s ease, background 0.14s ease;
}

    .pc-idea-comment-overlay-textarea:focus[b-bpp81z4tkx] {
        outline: none;
        border-color: rgba(15, 23, 42, 0.36);
        background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.06);
    }

    .pc-idea-comment-overlay-textarea[b-bpp81z4tkx]::placeholder {
        color: var(--ws-ink-5, #94a3b8);
        font-style: italic;
    }

.pc-idea-comment-overlay-actions[b-bpp81z4tkx] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.pc-idea-comment-overlay-cancel[b-bpp81z4tkx] {
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    padding: 5px 11px;
    border-radius: 5px;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--ws-ink-3, #475569);
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}

    .pc-idea-comment-overlay-cancel:hover[b-bpp81z4tkx] {
        background: rgba(15, 23, 42, 0.06);
        color: var(--ws-ink-1, #0f172a);
    }

.pc-idea-comment-overlay-post[b-bpp81z4tkx] {
    appearance: none;
    padding: 5px 12px;
    background: linear-gradient(180deg, #1f2937 0%, #0f172a 100%);
    border: 1px solid #0f172a;
    border-radius: 5px;
    color: #ffffff;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 1px 2px rgba(15, 23, 42, 0.16);
    transition: background 0.14s ease, opacity 0.14s ease;
}

    .pc-idea-comment-overlay-post:hover:not(:disabled)[b-bpp81z4tkx] {
        background: linear-gradient(180deg, #334155 0%, #1e293b 100%);
    }

    .pc-idea-comment-overlay-post:disabled[b-bpp81z4tkx] {
        opacity: 0.40;
        cursor: not-allowed;
    }


.pc-rail-meta-line[b-bpp81z4tkx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 9px;
    padding: 8px 10px;
    background: rgba(15, 23, 42, 0.025);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 6px;
    font-size: 11.5px;
    color: var(--ws-ink-3, #475569);
    line-height: 1.4;
}

.pc-rail-meta-pair[b-bpp81z4tkx] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

    .pc-rail-meta-pair i[b-bpp81z4tkx] {
        font-size: 10px;
        color: var(--ws-ink-5, #94a3b8);
        width: 12px;
        text-align: center;
    }

    .pc-rail-meta-pair strong[b-bpp81z4tkx] {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-weight: 700;
        color: var(--ws-ink-1, #0f172a);
    }

.pc-rail-meta-sep[b-bpp81z4tkx] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--ws-ink-6, #cbd5e1);
    flex: 0 0 auto;
}

.pc-rail-related-line[b-bpp81z4tkx] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    line-height: 1.45;
    font-size: 12px;
    color: var(--ws-ink-2, #334155);
}

.pc-rail-related-icon[b-bpp81z4tkx] {
    flex: 0 0 auto;
    font-size: 10px;
    color: var(--ws-ink-5, #94a3b8);
    margin-top: 3px;
}

.pc-rail-related-items[b-bpp81z4tkx] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 6px;
    min-width: 0;
}

.pc-rail-related-item[b-bpp81z4tkx] {
    font-weight: 500;
    color: var(--ws-ink-1, #0f172a);
    cursor: default;
}

.pc-rail-related-sep[b-bpp81z4tkx] {
    color: var(--ws-ink-6, #cbd5e1);
    font-weight: 700;
    user-select: none;
}

.pc-feed-grid[b-bpp81z4tkx] {
    padding: 22px 24px 28px;
    background: linear-gradient(180deg, rgba(22, 163, 74, 0.055) 0%, rgba(22, 163, 74, 0.028) 100%);
}

.pc-feed-grid-below[b-bpp81z4tkx] {
    padding: 22px 24px 32px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.030) 0%, rgba(15, 23, 42, 0.018) 100%);
}

.pc-feed > .pc-feed-grid:last-child[b-bpp81z4tkx],
.pc-feed > .pc-feed-grid-below:last-child[b-bpp81z4tkx] {
    flex-grow: 1;
    align-content: flex-start;
}


.pc-rail-edit-btn[b-bpp81z4tkx] {
    appearance: none;
    margin-left: auto;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    background: rgba(15, 23, 42, 0.04);
    color: var(--ws-ink-3, #475569);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}

    .pc-rail-edit-btn:hover[b-bpp81z4tkx] {
        background: #ffffff;
        color: var(--ws-ink-1, #0f172a);
        border-color: rgba(15, 23, 42, 0.22);
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    }

    .pc-rail-edit-btn i[b-bpp81z4tkx] {
        font-size: 10.5px;
    }


.pc-tl-row-context[b-bpp81z4tkx] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    font-size: 10.5px;
    color: var(--ws-ink-4, #64748b);
    line-height: 1.4;
}

    .pc-tl-row-context i[b-bpp81z4tkx] {
        font-size: 8.5px;
        color: var(--ws-ink-5, #94a3b8);
    }

.pc-tl-row-context-target[b-bpp81z4tkx] {
    font-weight: 500;
    font-style: italic;
    color: var(--ws-ink-2, #334155);
}
/* /Components/ProdComponents/Profile.razor.rz.scp.css */
.profile-page[b-qb5fs0yj1z] {
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    background: var(--background-secondary);
}

    .profile-page *[b-qb5fs0yj1z] {
        box-sizing: border-box;
    }

.bg-pattern[b-qb5fs0yj1z] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    background-size: 30px 30px;
    z-index: 0;
}

.profile-wrapper[b-qb5fs0yj1z] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 72px 40px 80px;
    position: relative;
    z-index: 1;
}

.page-header[b-qb5fs0yj1z] {
    margin-bottom: 48px;
}

.page-title[b-qb5fs0yj1z] {
    font-size: 36px;
    font-weight: 800;
    color: var(--text-heading);
    margin: 0 0 12px 0;
    letter-spacing: -1px;
}

.page-subtitle[b-qb5fs0yj1z] {
    font-size: 16px;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
}

.profile-layout[b-qb5fs0yj1z] {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 32px;
    align-items: start;
}

.left-column[b-qb5fs0yj1z] {
    position: sticky;
    top: 24px;
    z-index: 10;
}

.sticky-content[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.main-column[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.photo-card[b-qb5fs0yj1z] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.photo-frame[b-qb5fs0yj1z] {
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 2px dashed var(--border-color);
    background: var(--background-secondary);
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s ease;
}

    .photo-frame:hover[b-qb5fs0yj1z] {
        border-color: var(--accent);
    }

    .photo-frame.has-photo[b-qb5fs0yj1z] {
        border-style: solid;
    }

    .photo-frame.uploading[b-qb5fs0yj1z] {
        cursor: default;
    }

.photo-image[b-qb5fs0yj1z] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s ease;
}

    .photo-image.loaded[b-qb5fs0yj1z] {
        opacity: 1;
    }

.photo-placeholder[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: var(--text-tertiary);
}

    .photo-placeholder i[b-qb5fs0yj1z] {
        font-size: 30px;
    }

.photo-placeholder-text[b-qb5fs0yj1z] {
    font-size: 13px;
    font-weight: 500;
}

.upload-overlay[b-qb5fs0yj1z] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    z-index: 2;
}

.upload-text[b-qb5fs0yj1z] {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

.photo-remove[b-qb5fs0yj1z] {
    background: none;
    border: none;
    color: var(--text-tertiary);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    padding: 2px 4px;
    transition: color 0.2s ease;
}

    .photo-remove:hover[b-qb5fs0yj1z] {
        color: #ea4335;
    }

.error-message[b-qb5fs0yj1z] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #ea4335;
    text-align: center;
}

.stats-card[b-qb5fs0yj1z] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 20px 24px;
}

.stats-title[b-qb5fs0yj1z] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--text-tertiary);
    margin-bottom: 12px;
}

.stat-item[b-qb5fs0yj1z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid var(--border-color);
    gap: 12px;
}

    .stat-item:last-of-type[b-qb5fs0yj1z] {
        border-bottom: none;
    }

.stat-label[b-qb5fs0yj1z] {
    font-size: 13px;
    color: var(--text-tertiary);
}

.stat-value[b-qb5fs0yj1z] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    text-align: right;
}

.stat-badge[b-qb5fs0yj1z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

    .stat-badge i[b-qb5fs0yj1z] {
        font-size: 10px;
    }

.stat-badge-accent[b-qb5fs0yj1z] {
    background: color-mix(in srgb, var(--accent) 12%, transparent);
    color: var(--accent);
}

.stat-badge-neutral[b-qb5fs0yj1z] {
    background: var(--background-secondary);
    color: var(--text-tertiary);
}

.btn-link-plan[b-qb5fs0yj1z] {
    width: 100%;
    margin-top: 14px;
    padding: 10px 14px;
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .btn-link-plan:hover[b-qb5fs0yj1z] {
        border-color: var(--text-tertiary);
        background: var(--background-secondary);
    }

    .btn-link-plan i[b-qb5fs0yj1z] {
        font-size: 11px;
        transition: transform 0.2s ease;
    }

    .btn-link-plan:hover i[b-qb5fs0yj1z] {
        transform: translateX(3px);
    }

.privacy-card[b-qb5fs0yj1z] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 20px;
}

.privacy-notice-title[b-qb5fs0yj1z] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 10px;
}

    .privacy-notice-title i[b-qb5fs0yj1z] {
        color: var(--text-tertiary);
        font-size: 14px;
    }

.privacy-notice-text[b-qb5fs0yj1z] {
    font-size: 12px;
    color: var(--text-tertiary);
    line-height: 1.6;
    margin-bottom: 12px;
}

.privacy-link[b-qb5fs0yj1z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--accent);
    text-decoration: none;
    font-weight: 500;
    transition: opacity 0.2s ease;
}

    .privacy-link:hover[b-qb5fs0yj1z] {
        opacity: 0.8;
    }

    .privacy-link i[b-qb5fs0yj1z] {
        font-size: 11px;
    }

.section-card[b-qb5fs0yj1z] {
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 20px;
    padding: 32px;
}

.card-header[b-qb5fs0yj1z] {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}

.card-title[b-qb5fs0yj1z] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-heading);
    margin: 0 0 6px 0;
    letter-spacing: -0.3px;
}

.card-desc[b-qb5fs0yj1z] {
    font-size: 14px;
    color: var(--text-tertiary);
    margin: 0;
}

.subsection-label[b-qb5fs0yj1z] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--text-tertiary);
    margin: 28px 0 16px 0;
}

.alert[b-qb5fs0yj1z] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 13px;
    margin-bottom: 20px;
}

.alert-success[b-qb5fs0yj1z] {
    background: color-mix(in srgb, var(--accent) 12%, transparent);
    color: var(--accent);
}

.alert-error[b-qb5fs0yj1z] {
    background: rgba(234, 67, 53, 0.08);
    color: #ea4335;
}

.alert-icon[b-qb5fs0yj1z] {
    font-weight: 700;
}

.alert-close[b-qb5fs0yj1z] {
    margin-left: auto;
    background: none;
    border: none;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    color: inherit;
    opacity: 0.6;
}

    .alert-close:hover[b-qb5fs0yj1z] {
        opacity: 1;
    }

.form-grid[b-qb5fs0yj1z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-field[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .form-field.full[b-qb5fs0yj1z] {
        grid-column: 1 / -1;
    }

.form-label[b-qb5fs0yj1z] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.required[b-qb5fs0yj1z] {
    color: var(--accent);
    font-weight: 700;
}

.badge-readonly[b-qb5fs0yj1z] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-tertiary);
    background: var(--background-secondary);
    padding: 2px 6px;
    border-radius: 4px;
    letter-spacing: 0.4px;
}

.form-input[b-qb5fs0yj1z],
.form-textarea[b-qb5fs0yj1z] {
    padding: 14px 16px;
    border: 1.5px solid var(--border-color);
    border-radius: 10px;
    font-family: inherit;
    font-size: 14px;
    background: var(--background-secondary);
    color: var(--text-primary);
    transition: border-color 0.2s ease, background-color 0.2s ease;
    width: 100%;
    outline: none;
}

    .form-input[b-qb5fs0yj1z]::placeholder,
    .form-textarea[b-qb5fs0yj1z]::placeholder {
        color: var(--text-tertiary);
        opacity: 0.7;
    }

    .form-input:focus[b-qb5fs0yj1z],
    .form-textarea:focus[b-qb5fs0yj1z] {
        border-color: var(--accent);
        background: var(--background-primary);
    }

    .form-input:hover[b-qb5fs0yj1z],
    .form-textarea:hover[b-qb5fs0yj1z] {
        border-color: var(--text-tertiary);
    }

    .form-input.invalid[b-qb5fs0yj1z] {
        border-color: #ea4335;
    }

.form-textarea[b-qb5fs0yj1z] {
    min-height: 96px;
    resize: vertical;
    line-height: 1.5;
}

.form-input.locked[b-qb5fs0yj1z],
.readonly-value[b-qb5fs0yj1z] {
    background: var(--background-secondary);
    color: var(--text-secondary);
    cursor: default;
    display: flex;
    align-items: center;
    min-height: 48px;
}

.field-hint[b-qb5fs0yj1z] {
    font-size: 12px;
    color: var(--text-tertiary);
}

.field-error[b-qb5fs0yj1z] {
    font-size: 12px;
    color: #ea4335;
}

.char-counter[b-qb5fs0yj1z] {
    font-size: 11px;
    color: var(--text-tertiary);
    text-align: right;
}

    .char-counter.warning[b-qb5fs0yj1z] {
        color: #f9a825;
    }

.form-actions[b-qb5fs0yj1z] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

.pending-indicator[b-qb5fs0yj1z] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--text-tertiary);
    margin-right: auto;
}

.pending-dot[b-qb5fs0yj1z] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f9a825;
}

.btn-save[b-qb5fs0yj1z] {
    padding: 14px 28px;
    background: var(--text-heading);
    color: var(--background-primary);
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .btn-save:hover:not(:disabled)[b-qb5fs0yj1z] {
        opacity: 0.9;
        transform: translateY(-1px);
    }

    .btn-save:disabled[b-qb5fs0yj1z] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.comms-preferences[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.comms-group[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
}

.comms-group-title[b-qb5fs0yj1z] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--text-tertiary);
    margin-bottom: 8px;
}

.comms-row[b-qb5fs0yj1z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--border-color);
}

    .comms-row:last-child[b-qb5fs0yj1z] {
        border-bottom: none;
    }

    .comms-row.disabled[b-qb5fs0yj1z] {
        opacity: 0.5;
    }

.comms-info[b-qb5fs0yj1z] {
    min-width: 0;
}

.comms-title[b-qb5fs0yj1z] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 3px;
}

    .comms-title strong[b-qb5fs0yj1z] {
        font-size: 14px;
        font-weight: 600;
        color: var(--text-primary);
    }

.comms-frequency[b-qb5fs0yj1z] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: var(--text-tertiary);
    background: var(--background-secondary);
    padding: 2px 8px;
    border-radius: 20px;
}

.comms-desc[b-qb5fs0yj1z] {
    font-size: 13px;
    color: var(--text-tertiary);
    line-height: 1.5;
}

.comms-toggle[b-qb5fs0yj1z] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.comms-footer[b-qb5fs0yj1z] {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--border-color);
}

.comms-footer-row[b-qb5fs0yj1z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.comms-footer-info[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.comms-footer-title[b-qb5fs0yj1z] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
}

.comms-footer-desc[b-qb5fs0yj1z] {
    font-size: 12px;
    color: var(--text-tertiary);
}

.toggle[b-qb5fs0yj1z] {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 24px;
    flex-shrink: 0;
}

    .toggle input[b-qb5fs0yj1z] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

.toggle-slider[b-qb5fs0yj1z] {
    position: absolute;
    inset: 0;
    cursor: pointer;
    background: var(--border-color);
    border-radius: 999px;
    transition: background 0.2s ease;
}

    .toggle-slider[b-qb5fs0yj1z]::before {
        content: '';
        position: absolute;
        height: 18px;
        width: 18px;
        left: 3px;
        top: 3px;
        background: var(--background-primary);
        border-radius: 50%;
        transition: transform 0.2s ease;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }

.toggle input:checked + .toggle-slider[b-qb5fs0yj1z] {
    background: var(--accent);
}

    .toggle input:checked + .toggle-slider[b-qb5fs0yj1z]::before {
        transform: translateX(18px);
    }

.toggle input:disabled + .toggle-slider[b-qb5fs0yj1z] {
    opacity: 0.5;
    cursor: not-allowed;
}

.saving-indicator[b-qb5fs0yj1z] {
    width: 12px;
    height: 12px;
    border: 2px solid var(--border-color);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-qb5fs0yj1z 0.8s linear infinite;
}

.email-preferences-footer[b-qb5fs0yj1z] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.operational-notice[b-qb5fs0yj1z],
.occasional-notice[b-qb5fs0yj1z] {
    display: flex;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--background-secondary);
}

    .operational-notice i[b-qb5fs0yj1z],
    .occasional-notice i[b-qb5fs0yj1z] {
        font-size: 16px;
        color: var(--text-tertiary);
        margin-top: 2px;
    }

    .operational-notice strong[b-qb5fs0yj1z],
    .occasional-notice strong[b-qb5fs0yj1z] {
        display: block;
        font-size: 13px;
        font-weight: 600;
        color: var(--text-primary);
        margin-bottom: 4px;
    }

    .operational-notice p[b-qb5fs0yj1z],
    .occasional-notice p[b-qb5fs0yj1z] {
        font-size: 12px;
        color: var(--text-tertiary);
        line-height: 1.5;
        margin: 0;
    }

.security-list[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
}

.security-row[b-qb5fs0yj1z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid var(--border-color);
}

    .security-row:last-child[b-qb5fs0yj1z] {
        border-bottom: none;
    }

    .security-row.is-locked[b-qb5fs0yj1z] {
        opacity: 0.75;
    }

.security-info[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.security-title[b-qb5fs0yj1z] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
}

.security-desc[b-qb5fs0yj1z] {
    font-size: 13px;
    color: var(--text-tertiary);
    line-height: 1.5;
}

.method-badge[b-qb5fs0yj1z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--accent);
    background: color-mix(in srgb, var(--accent) 12%, transparent);
    padding: 5px 12px;
    border-radius: 20px;
    flex-shrink: 0;
}

    .method-badge i[b-qb5fs0yj1z] {
        font-size: 11px;
    }

.security-actions[b-qb5fs0yj1z] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
}

.btn-signout[b-qb5fs0yj1z] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-signout:hover[b-qb5fs0yj1z] {
        color: #ea4335;
        border-color: rgba(234, 67, 53, 0.3);
        background: rgba(234, 67, 53, 0.05);
    }

.lock-pill[b-qb5fs0yj1z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--text-tertiary);
    background: var(--background-secondary);
    padding: 5px 12px;
    border-radius: 20px;
    flex-shrink: 0;
    white-space: nowrap;
}

    .lock-pill i[b-qb5fs0yj1z] {
        font-size: 10px;
    }

.org-card.is-locked[b-qb5fs0yj1z] {
    border-style: dashed;
}

.org-card-header[b-qb5fs0yj1z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.org-locked-copy[b-qb5fs0yj1z] {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0 0 20px 0;
}

.org-preview[b-qb5fs0yj1z] {
    background: var(--background-secondary);
    border-radius: 12px;
    padding: 8px 16px;
    margin-bottom: 20px;
}

.org-preview-row[b-qb5fs0yj1z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
}

    .org-preview-row:last-child[b-qb5fs0yj1z] {
        border-bottom: none;
    }

.org-preview-label[b-qb5fs0yj1z] {
    font-size: 13px;
    color: var(--text-tertiary);
}

.org-preview-value[b-qb5fs0yj1z] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
}

    .org-preview-value.muted[b-qb5fs0yj1z] {
        color: var(--text-tertiary);
        font-weight: 500;
    }

.org-actions[b-qb5fs0yj1z] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.btn-org[b-qb5fs0yj1z] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 18px;
    background: var(--text-heading);
    color: var(--background-primary);
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-org:disabled[b-qb5fs0yj1z] {
        opacity: 0.45;
        cursor: not-allowed;
    }

.btn-org-ghost[b-qb5fs0yj1z] {
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

.btn-org i[b-qb5fs0yj1z] {
    font-size: 12px;
}

.data-row[b-qb5fs0yj1z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 20px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--border-color);
}

.data-info[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.data-title[b-qb5fs0yj1z] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
}

.data-desc[b-qb5fs0yj1z] {
    font-size: 13px;
    color: var(--text-tertiary);
    line-height: 1.5;
}

.btn-export[b-qb5fs0yj1z] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .btn-export:hover:not(:disabled)[b-qb5fs0yj1z] {
        border-color: var(--text-tertiary);
        background: var(--background-secondary);
    }

    .btn-export:disabled[b-qb5fs0yj1z] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .btn-export i[b-qb5fs0yj1z] {
        font-size: 12px;
    }

.spinner[b-qb5fs0yj1z] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin-b-qb5fs0yj1z 0.8s linear infinite;
}

.spinner-dark[b-qb5fs0yj1z] {
    border-color: rgba(0, 0, 0, 0.15);
    border-top-color: var(--text-secondary);
}

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

.toast[b-qb5fs0yj1z] {
    position: fixed;
    top: 24px;
    right: 24px;
    padding: 14px 18px;
    background: var(--background-primary);
    border-radius: 10px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 1000;
    max-width: 360px;
    transform: translateX(calc(100% + 24px));
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    .toast.show[b-qb5fs0yj1z] {
        transform: translateX(0);
    }

    .toast.success i[b-qb5fs0yj1z] {
        color: var(--accent);
        font-size: 18px;
    }

    .toast.error i[b-qb5fs0yj1z] {
        color: #ea4335;
        font-size: 18px;
    }

.toast-content[b-qb5fs0yj1z] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .toast-content strong[b-qb5fs0yj1z] {
        font-size: 13px;
        font-weight: 600;
        color: var(--text-primary);
    }

    .toast-content span[b-qb5fs0yj1z] {
        font-size: 12px;
        color: var(--text-secondary);
    }

.toast-close[b-qb5fs0yj1z] {
    background: none;
    border: none;
    color: var(--text-tertiary);
    cursor: pointer;
    padding: 4px;
    margin: -4px -4px -4px 0;
    transition: color 0.2s ease;
}

    .toast-close:hover[b-qb5fs0yj1z] {
        color: var(--text-primary);
    }

@media (max-width: 1200px) {
    .profile-wrapper[b-qb5fs0yj1z] {
        padding: 56px 32px 80px;
    }

    .profile-layout[b-qb5fs0yj1z] {
        grid-template-columns: 300px 1fr;
        gap: 28px;
    }
}

@media (max-width: 968px) {
    .profile-layout[b-qb5fs0yj1z] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .left-column[b-qb5fs0yj1z] {
        position: static;
    }

    .form-grid[b-qb5fs0yj1z] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .profile-wrapper[b-qb5fs0yj1z] {
        padding: 40px 20px 60px;
    }

    .page-title[b-qb5fs0yj1z] {
        font-size: 28px;
    }

    .section-card[b-qb5fs0yj1z] {
        padding: 24px 20px;
        border-radius: 16px;
    }

    .toast[b-qb5fs0yj1z] {
        left: 16px;
        right: 16px;
        max-width: none;
    }
}

@media (max-width: 480px) {
    .profile-wrapper[b-qb5fs0yj1z] {
        padding: 32px 16px 48px;
    }

    .page-header[b-qb5fs0yj1z] {
        margin-bottom: 32px;
    }

    .page-title[b-qb5fs0yj1z] {
        font-size: 24px;
    }

    .section-card[b-qb5fs0yj1z] {
        padding: 20px 16px;
    }

    .card-title[b-qb5fs0yj1z] {
        font-size: 18px;
    }

    .form-actions[b-qb5fs0yj1z] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .pending-indicator[b-qb5fs0yj1z] {
        justify-content: center;
        margin-right: 0;
    }

    .btn-save[b-qb5fs0yj1z] {
        width: 100%;
        justify-content: center;
    }

    .data-row[b-qb5fs0yj1z],
    .comms-footer-row[b-qb5fs0yj1z],
    .security-row[b-qb5fs0yj1z] {
        flex-direction: column;
        align-items: flex-start;
    }

    .org-actions[b-qb5fs0yj1z] {
        flex-direction: column;
    }

    .btn-org[b-qb5fs0yj1z] {
        width: 100%;
        justify-content: center;
    }
}

:focus-visible[b-qb5fs0yj1z] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
    *[b-qb5fs0yj1z] {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}

.photo-card[b-qb5fs0yj1z],
.stats-card[b-qb5fs0yj1z],
.privacy-card[b-qb5fs0yj1z],
.section-card[b-qb5fs0yj1z] {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 6px 16px rgba(0, 0, 0, 0.04);
}

.inline-confirm[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, #ea4335 22%, var(--border-color));
    background: rgba(234, 67, 53, 0.04);
    border-radius: 10px;
}

.inline-confirm-compact[b-qb5fs0yj1z] {
    text-align: center;
}

    .inline-confirm-compact .inline-confirm-text[b-qb5fs0yj1z] {
        align-items: center;
    }

.inline-confirm-text[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .inline-confirm-text strong[b-qb5fs0yj1z] {
        font-size: 13px;
        font-weight: 600;
        color: var(--text-primary);
    }

    .inline-confirm-text span[b-qb5fs0yj1z] {
        font-size: 12px;
        color: var(--text-secondary);
        line-height: 1.5;
    }

.inline-confirm-actions[b-qb5fs0yj1z] {
    display: flex;
    gap: 8px;
}

.btn-confirm-danger[b-qb5fs0yj1z] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 14px;
    background: #ea4335;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .btn-confirm-danger:hover:not(:disabled)[b-qb5fs0yj1z] {
        background: #d33426;
    }

    .btn-confirm-danger:disabled[b-qb5fs0yj1z] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.btn-confirm-ghost[b-qb5fs0yj1z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-confirm-ghost:hover:not(:disabled)[b-qb5fs0yj1z] {
        background: var(--background-secondary);
        border-color: var(--text-tertiary);
    }

    .btn-confirm-ghost:disabled[b-qb5fs0yj1z] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.section-nav[b-qb5fs0yj1z] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px;
    background: var(--background-primary);
    border: 1px solid var(--border-color);
    border-radius: 16px;
}

.section-nav-item[b-qb5fs0yj1z] {
    text-align: left;
    padding: 9px 12px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .section-nav-item:hover[b-qb5fs0yj1z] {
        background: var(--background-secondary);
        color: var(--text-primary);
    }

.unit-note[b-qb5fs0yj1z] {
    font-size: 13px;
    color: var(--text-tertiary);
    margin: 16px 0 0 0;
}

.unit-folded[b-qb5fs0yj1z],
.unit-agenda[b-qb5fs0yj1z] {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.5;
}

    .unit-folded span[b-qb5fs0yj1z],
    .unit-agenda span[b-qb5fs0yj1z] {
        margin-right: auto;
    }

.unit-agenda[b-qb5fs0yj1z] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
    font-size: 13px;
}

    .unit-agenda i[b-qb5fs0yj1z] {
        color: var(--accent);
        margin-right: 6px;
    }

.btn-unit-ghost[b-qb5fs0yj1z] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: transparent;
    color: var(--text-primary);
    border: 1.5px solid var(--border-color);
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
}

    .btn-unit-ghost:hover:not(:disabled)[b-qb5fs0yj1z] {
        border-color: var(--text-tertiary);
        background: var(--background-secondary);
    }

    .btn-unit-ghost:disabled[b-qb5fs0yj1z] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.unit-choice[b-qb5fs0yj1z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.unit-choice-option[b-qb5fs0yj1z] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border: 1.5px solid var(--border-color);
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

    .unit-choice-option input[b-qb5fs0yj1z] {
        margin-top: 3px;
        accent-color: var(--accent);
    }

    .unit-choice-option span[b-qb5fs0yj1z] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .unit-choice-option strong[b-qb5fs0yj1z] {
        font-size: 14px;
        color: var(--text-primary);
    }

    .unit-choice-option small[b-qb5fs0yj1z] {
        font-size: 12px;
        color: var(--text-tertiary);
        line-height: 1.45;
    }

    .unit-choice-option.selected[b-qb5fs0yj1z] {
        border-color: var(--accent);
        background: color-mix(in srgb, var(--accent) 6%, transparent);
    }

@media (max-width: 768px) {
    .unit-choice[b-qb5fs0yj1z] {
        grid-template-columns: 1fr;
    }

    .unit-folded[b-qb5fs0yj1z],
    .unit-agenda[b-qb5fs0yj1z] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/ProdComponents/SectionHero.razor.rz.scp.css */
.sh-hero[b-u23w6c6c8y] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 5.875rem;
    padding: 1.125rem 1.5rem;
    gap: 1.5rem;
    background: linear-gradient(180deg, var(--raised) 0%, color-mix(in srgb, var(--raised) 94%, var(--surface)) 100%);
    border: 1px solid var(--border);
    border-radius: 14px;
    margin-bottom: 2.5rem;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 16px rgba(15, 23, 42, 0.035);
    animation: shHeroEnter-b-u23w6c6c8y 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.sh-hero-left[b-u23w6c6c8y] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    flex: 1;
}

.sh-hero-icon[b-u23w6c6c8y] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: radial-gradient(circle at 28% 26%, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(135deg, var(--ink-2) 0%, var(--ink) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.94);
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.sh-hero-title-group[b-u23w6c6c8y] {
    min-width: 0;
}

.sh-hero-title[b-u23w6c6c8y] {
    font-family: var(--font);
    font-size: 1.1875rem;
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    letter-spacing: -0.022em;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sh-hero-subtitle[b-u23w6c6c8y] {
    font-family: var(--font);
    font-size: 0.75rem;
    font-weight: var(--font-weight-medium);
    color: var(--ink-5);
    line-height: 1.4;
    margin-top: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sh-hero-metrics[b-u23w6c6c8y] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
    flex-shrink: 0;
}

.sh-hero-metric[b-u23w6c6c8y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    min-width: 78px;
    min-height: 3.5rem;
    padding: 0.625rem 0.9375rem;
    background: color-mix(in srgb, var(--ink) 3%, transparent);
    border: 1px solid color-mix(in srgb, var(--ink) 7%, transparent);
    border-radius: 10px;
    text-align: center;
}

.sh-hero-metric-value[b-u23w6c6c8y] {
    font-family: var(--font-mono);
    font-size: 1.375rem;
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    letter-spacing: -0.03em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.sh-hero-metric-label[b-u23w6c6c8y] {
    font-family: var(--font);
    font-size: 0.5625rem;
    font-weight: var(--font-weight-bold);
    color: var(--ink-5);
    letter-spacing: 0.13em;
    line-height: 1;
    text-transform: uppercase;
}

.sh-hero-busy-status[b-u23w6c6c8y] {
    color: var(--accent);
    display: inline-flex;
    align-items: center;
    gap: 0.4375rem;
}

.sh-hero-busy-spinner[b-u23w6c6c8y] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1.5px solid var(--accent);
    border-top-color: transparent;
    border-radius: 50%;
    animation: shHeroSpin-b-u23w6c6c8y 0.8s linear infinite;
    flex-shrink: 0;
}

@keyframes shHeroSpin-b-u23w6c6c8y {
    to {
        transform: rotate(360deg);
    }
}

.sh-busy-text[b-u23w6c6c8y] {
    color: var(--ink-6);
    animation: shHeroPulse-b-u23w6c6c8y 1.5s ease-in-out infinite;
}

.sh-hero-metric:nth-child(1) .sh-busy-text[b-u23w6c6c8y] {
    animation-delay: 0s;
}

.sh-hero-metric:nth-child(2) .sh-busy-text[b-u23w6c6c8y] {
    animation-delay: 0.15s;
}

.sh-hero-metric:nth-child(3) .sh-busy-text[b-u23w6c6c8y] {
    animation-delay: 0.30s;
}

.sh-hero-metric:nth-child(4) .sh-busy-text[b-u23w6c6c8y] {
    animation-delay: 0.45s;
}

@keyframes shHeroPulse-b-u23w6c6c8y {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}

@keyframes shHeroEnter-b-u23w6c6c8y {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sh-busy-text[b-u23w6c6c8y],
    .sh-hero-busy-spinner[b-u23w6c6c8y] {
        animation: none;
        opacity: 0.6;
    }

    .sh-hero[b-u23w6c6c8y] {
        animation: none;
    }
}

@media (max-width: 768px) {
    .sh-hero[b-u23w6c6c8y] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        padding: 1rem 1.25rem;
        margin-bottom: 1.75rem;
    }

    .sh-hero-metrics[b-u23w6c6c8y] {
        justify-content: flex-start;
        padding-top: 1rem;
        border-top: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
        flex-wrap: wrap;
    }

    .sh-hero-metric[b-u23w6c6c8y] {
        flex: 1 1 auto;
        min-width: 0;
    }
}

@media (max-width: 480px) {
    .sh-hero-title[b-u23w6c6c8y] {
        font-size: 1rem;
    }

    .sh-hero-icon[b-u23w6c6c8y] {
        width: 44px;
        height: 44px;
    }

    .sh-hero-metric-value[b-u23w6c6c8y] {
        font-size: 1.25rem;
    }

    .sh-hero-metric[b-u23w6c6c8y] {
        min-width: 64px;
        padding: 0.5rem 0.75rem;
    }
}
/* /Components/ProdComponents/SignInVerifyResult.razor.rz.scp.css */
.mlv-shell[b-y1dy16ijld] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    background: radial-gradient(ellipse at 20% 10%, rgba(244, 8, 155, 0.04) 0%, transparent 55%), radial-gradient(ellipse at 80% 90%, rgba(244, 8, 155, 0.03) 0%, transparent 60%), #f3f0ec;
    font-family: var(--font-family-primary, 'Inter', system-ui, sans-serif);
    color: var(--ink, #0f172a);
}

.mlv-card[b-y1dy16ijld] {
    max-width: 440px;
    width: 100%;
    background: #ffffff;
    border-radius: var(--radius-xl, 1rem);
    padding: 48px 40px 40px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 40px rgba(15, 23, 42, 0.08);
    text-align: center;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 320ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.mlv-card--entered[b-y1dy16ijld] {
    opacity: 1;
    transform: translateY(0);
}

.mlv-logo-link[b-y1dy16ijld] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    text-decoration: none;
    padding: 4px;
    border-radius: 4px;
    transition: transform 0.18s ease;
}

    .mlv-logo-link:hover[b-y1dy16ijld] {
        transform: translateY(-1px);
    }

    .mlv-logo-link:focus-visible[b-y1dy16ijld] {
        outline: 2px solid var(--accent, #f00c71);
        outline-offset: 3px;
    }

.mlv-logo[b-y1dy16ijld] {
    height: 32px;
    width: auto;
    display: block;
}

.mlv-icon[b-y1dy16ijld] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    font-size: 24px;
    position: relative;
}

    .mlv-icon[b-y1dy16ijld]::before {
        content: '';
        position: absolute;
        inset: -6px;
        border-radius: 50%;
        opacity: 0.5;
        z-index: -1;
    }

.mlv-icon--warn[b-y1dy16ijld] {
    background: #fef3c7;
    color: #b45309;
}

    .mlv-icon--warn[b-y1dy16ijld]::before {
        background: #fef9c3;
    }

.mlv-icon--error[b-y1dy16ijld] {
    background: #fef2f2;
    color: #dc2626;
}

    .mlv-icon--error[b-y1dy16ijld]::before {
        background: #fee2e2;
    }

.mlv-title[b-y1dy16ijld] {
    font-family: 'Space Grotesk', var(--font-family-primary), system-ui, sans-serif;
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 0 0 12px;
    color: var(--ink, #0f172a);
}

.mlv-body[b-y1dy16ijld] {
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--ink-4, #475569);
    margin: 0 auto 28px;
    max-width: 360px;
}

.mlv-actions[b-y1dy16ijld] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
}

.mlv-btn[b-y1dy16ijld] {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 999px;
    font-family: var(--font-family-primary, 'Inter', system-ui, sans-serif);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease, background 0.25s ease;
    appearance: none;
    border: none;
    outline: none;
    box-sizing: border-box;
    letter-spacing: -0.005em;
}

    .mlv-btn:focus-visible[b-y1dy16ijld] {
        outline: 2px solid var(--accent, #f00c71);
        outline-offset: 3px;
    }

    .mlv-btn i[b-y1dy16ijld] {
        font-size: 0.95em;
        opacity: 0.9;
    }

.mlv-btn--primary[b-y1dy16ijld] {
    color: #ffffff;
    background: linear-gradient(135deg, #f4089b 0%, #c80670 100%);
    box-shadow: 0 4px 14px rgba(240, 12, 113, 0.22);
}

    .mlv-btn--primary:hover[b-y1dy16ijld] {
        transform: translateY(-1px);
        box-shadow: 0 8px 24px rgba(240, 12, 113, 0.32);
    }

    .mlv-btn--primary:active[b-y1dy16ijld] {
        transform: translateY(0);
        box-shadow: 0 2px 8px rgba(240, 12, 113, 0.24);
    }

.mlv-btn--ghost[b-y1dy16ijld] {
    color: var(--ink-2, #1e293b);
    background: transparent;
    border: 1.5px solid var(--border-strong, #d0d5dd);
}

    .mlv-btn--ghost:hover[b-y1dy16ijld] {
        border-color: var(--ink-3, #334155);
        background: var(--surface, #f8f9fa);
        transform: translateY(-1px);
    }

    .mlv-btn--ghost:active[b-y1dy16ijld] {
        transform: translateY(0);
    }

@media (max-width: 480px) {
    .mlv-shell[b-y1dy16ijld] {
        padding: 20px 16px;
    }

    .mlv-card[b-y1dy16ijld] {
        padding: 36px 24px 28px;
        border-radius: 12px;
    }

    .mlv-title[b-y1dy16ijld] {
        font-size: 1.45rem;
    }

    .mlv-body[b-y1dy16ijld] {
        font-size: 0.9rem;
    }

    .mlv-logo-link[b-y1dy16ijld] {
        margin-bottom: 24px;
    }
}
/* /Components/ProdComponents/ToastNotification.razor.rz.scp.css */
.toast-container[b-ru55i4rbgp] {
    position: fixed;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 90%;
    max-width: 480px;
    pointer-events: none;
}

.toast[b-ru55i4rbgp] {
    background: var(--background-primary);
    backdrop-filter: blur(12px);
    border-radius: 16px;
    padding: 18px 20px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 8px 32px var(--shadow-color-light), 0 0 0 1px var(--border-color);
    pointer-events: auto;
    animation: fadeIn-b-ru55i4rbgp 0.2s ease-out;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.toast-removing[b-ru55i4rbgp] {
    animation: fadeOut-b-ru55i4rbgp 0.3s ease-out forwards;
}

.toast[b-ru55i4rbgp]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    opacity: 0.15;
}

.toast-info[b-ru55i4rbgp]::after {
    background: var(--primary-blue);
}

.toast-success[b-ru55i4rbgp]::after {
    background: var(--color-success);
}

.toast-warning[b-ru55i4rbgp]::after {
    background: var(--primary-yellow);
}

.toast-error[b-ru55i4rbgp]::after {
    background: var(--primary-red);
}

.toast:hover[b-ru55i4rbgp] {
    transform: translateY(-2px) scale(1.01);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1), 0 12px 48px var(--shadow-color), 0 0 0 1px var(--border-strong);
}

.toast-icon[b-ru55i4rbgp] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.toast:hover .toast-icon[b-ru55i4rbgp] {
    transform: scale(1.05);
}

.toast-info .toast-icon[b-ru55i4rbgp] {
    background: linear-gradient(135deg, rgba(26, 115, 232, 0.12), rgba(26, 115, 232, 0.08));
    color: var(--primary-blue);
}

.toast-success .toast-icon[b-ru55i4rbgp] {
    background: linear-gradient(135deg, rgba(34, 139, 34, 0.15), rgba(34, 139, 34, 0.08));
    color: var(--color-success);
}

.toast-warning .toast-icon[b-ru55i4rbgp] {
    background: linear-gradient(135deg, rgba(251, 188, 4, 0.15), rgba(251, 188, 4, 0.08));
    color: #e69500;
}

.toast-error .toast-icon[b-ru55i4rbgp] {
    background: linear-gradient(135deg, rgba(234, 67, 53, 0.15), rgba(234, 67, 53, 0.08));
    color: var(--primary-red);
}

.toast-content[b-ru55i4rbgp] {
    flex: 1;
    min-width: 0;
    padding-top: 2px;
}

.toast-title[b-ru55i4rbgp] {
    font-weight: var(--font-weight-bold);
    color: var(--text-primary);
    font-size: 15px;
    margin-bottom: 4px;
    letter-spacing: var(--letter-spacing-normal);
}

.toast-message[b-ru55i4rbgp] {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.5;
    letter-spacing: -0.005em;
}

.toast-close[b-ru55i4rbgp] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0;
    margin-top: -2px;
    z-index: 2;
}

    .toast-close:hover[b-ru55i4rbgp] {
        background: var(--background-tertiary);
        color: var(--text-primary);
        transform: rotate(90deg);
    }

    .toast-close:active[b-ru55i4rbgp] {
        transform: rotate(90deg) scale(0.95);
    }

.toast-progress-ring[b-ru55i4rbgp] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.toast-progress-bg[b-ru55i4rbgp] {
    fill: none;
}

.toast-progress-bar[b-ru55i4rbgp] {
    fill: none;
    stroke-width: 3;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    animation-name: drawCircle-b-ru55i4rbgp;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    opacity: 0.2;
}

.toast-info .toast-progress-bar[b-ru55i4rbgp] {
    stroke: var(--primary-blue);
}

.toast-success .toast-progress-bar[b-ru55i4rbgp] {
    stroke: var(--color-success);
}

.toast-warning .toast-progress-bar[b-ru55i4rbgp] {
    stroke: var(--primary-yellow);
}

.toast-error .toast-progress-bar[b-ru55i4rbgp] {
    stroke: var(--primary-red);
}

@keyframes fadeIn-b-ru55i4rbgp {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut-b-ru55i4rbgp {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.95);
    }
}

@keyframes drawCircle-b-ru55i4rbgp {
    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: 1000;
    }
}

@media (max-width: 768px) {
    .toast-container[b-ru55i4rbgp] {
        top: 16px;
        width: calc(100% - 32px);
        max-width: none;
    }

    .toast[b-ru55i4rbgp] {
        padding: 16px 18px;
    }

    .toast-icon[b-ru55i4rbgp] {
        width: 32px;
        height: 32px;
    }
}
/* /Components/ProductPerformanceDashboard.razor.rz.scp.css */
.analytics-dashboard[b-lyfk5u0dy2] {
    --bg: #0f1117;
    --card: #1a1d27;
    --card-border: #2a2d3a;
    --card-inner: #141720;
    --text: #e8eaed;
    --text2: #9498ad;
    --text3: #7a7f94;
    --accent: #6366f1;
    --green: #10b981;
    --amber: #f59e0b;
    --red: #ef4444;
    --font: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --toolbar-h: 48px;

    height: 100%;
    overflow-y: auto;
    background: var(--bg);
    padding: 14px 20px;
    font-family: var(--font);
    color: var(--text);
}

.dashboard-inner[b-lyfk5u0dy2] {
    max-width: 1360px;
    margin: 0 auto;
}

.dashboard-header[b-lyfk5u0dy2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--card-border);
}

.header-left[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .header-left h1[b-lyfk5u0dy2] {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        color: var(--text);
    }

.header-right[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.tab-btn[b-lyfk5u0dy2] {
    padding: 5px 14px;
    border-radius: 4px;
    border: 1px solid var(--card-border);
    background: transparent;
    color: var(--text2);
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    font-family: var(--font);
}

    .tab-btn.active[b-lyfk5u0dy2] {
        background: var(--accent);
        border-color: var(--accent);
        color: #fff;
    }

    .tab-btn:hover:not(.active)[b-lyfk5u0dy2] {
        background: var(--card);
    }

.refresh-btn[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: var(--card);
    border: 1px solid var(--card-border);
    border-radius: 4px;
    color: var(--text2);
    cursor: pointer;
    font-size: 11px;
    margin-left: 6px;
}

    .refresh-btn:hover:not(:disabled)[b-lyfk5u0dy2] {
        background: var(--card-border);
    }

    .refresh-btn:disabled[b-lyfk5u0dy2] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .refresh-btn.loading i[b-lyfk5u0dy2] {
        animation: spin-b-lyfk5u0dy2 1s linear infinite;
    }

@keyframes spin-b-lyfk5u0dy2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.last-updated[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
}

.loading-state[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
    color: var(--text2);
    gap: 10px;
    font-size: 14px;
}

.section-card[b-lyfk5u0dy2] {
    padding: 8px 10px;
    background: var(--card);
    border-radius: 6px;
    border: 1px solid var(--card-border);
    margin-bottom: 10px;
}

.section-label[b-lyfk5u0dy2] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text2);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 6px;
}

.click-hint[b-lyfk5u0dy2] {
    font-weight: 400;
    text-transform: none;
    margin-left: 8px;
    font-size: 10px;
}

.tile-row[b-lyfk5u0dy2] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.tile[b-lyfk5u0dy2] {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px 10px;
    background: var(--card);
    border-radius: 5px;
    border: 1px solid var(--card-border);
    position: relative;
    overflow: hidden;
    min-width: 72px;
}

    .tile.success[b-lyfk5u0dy2] {
        background: rgba(16, 185, 129, 0.05);
        border-color: rgba(16, 185, 129, 0.1);
    }

    .tile.warning[b-lyfk5u0dy2] {
        background: rgba(245, 158, 11, 0.05);
        border-color: rgba(245, 158, 11, 0.1);
    }

    .tile.danger[b-lyfk5u0dy2] {
        background: rgba(239, 68, 68, 0.05);
        border-color: rgba(239, 68, 68, 0.1);
    }

        .tile.success[b-lyfk5u0dy2]::after, .tile.warning[b-lyfk5u0dy2]::after, .tile.danger[b-lyfk5u0dy2]::after {
            content: '';
            position: absolute;
            top: 5px;
            right: 6px;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            opacity: 0.6;
        }

    .tile.success[b-lyfk5u0dy2]::after {
        background: var(--green);
    }

    .tile.warning[b-lyfk5u0dy2]::after {
        background: var(--amber);
    }

    .tile.danger[b-lyfk5u0dy2]::after {
        background: var(--red);
    }

.tile-value[b-lyfk5u0dy2] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.tile-label[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text2);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
}

.tile-sub[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
}

.hero-panel[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 14px 20px;
    margin-bottom: 12px;
    background: linear-gradient(135deg, #141720, #1e2033);
    border-radius: 8px;
    border: 1px solid var(--card-border);
}

.hero-number[b-lyfk5u0dy2] {
    flex-shrink: 0;
    text-align: center;
}

.hero-value[b-lyfk5u0dy2] {
    font-size: 54px;
    font-weight: 800;
    color: var(--text);
    line-height: 1;
    letter-spacing: -2px;
}

.hero-label[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
    margin-top: 2px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.hero-paying[b-lyfk5u0dy2] {
    font-size: 20px;
    font-weight: 800;
    color: var(--green);
    margin-top: 4px;
    letter-spacing: -0.5px;
}

.hero-divider[b-lyfk5u0dy2] {
    width: 1px;
    height: 50px;
    background: var(--card-border);
    flex-shrink: 0;
}

.hero-tiles[b-lyfk5u0dy2] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    flex: 1;
}

.funnel-section[b-lyfk5u0dy2] {
    margin-bottom: 12px;
    padding: 12px 14px;
}

.funnel-wrapper[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.funnel-top-labels[b-lyfk5u0dy2], .funnel-bottom-labels[b-lyfk5u0dy2] {
    display: flex;
    gap: 4px;
}

.funnel-top-cell[b-lyfk5u0dy2], .funnel-bottom-cell[b-lyfk5u0dy2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.funnel-top-cell[b-lyfk5u0dy2] {
    justify-content: flex-end;
    min-height: 40px;
}

.funnel-bottom-cell[b-lyfk5u0dy2] {
    justify-content: flex-start;
    min-height: 28px;
}

.funnel-count[b-lyfk5u0dy2] {
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

.funnel-stage-label[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text2);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-top: 2px;
}

.funnel-pct[b-lyfk5u0dy2] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text2);
    font-variant-numeric: tabular-nums;
}

.funnel-drop[b-lyfk5u0dy2] {
    font-size: 9px;
    color: var(--text3);
}

.funnel-svg-wrap[b-lyfk5u0dy2] {
    height: 56px;
}

.funnel-svg[b-lyfk5u0dy2] {
    width: 100%;
    height: 100%;
    display: block;
}

.hard-refresh-btn[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 12px;
    background: var(--card);
    border: 1px solid var(--card-border);
    border-radius: 4px;
    color: var(--text2);
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    font-family: var(--font);
    white-space: nowrap;
    margin-left: 6px;
}

    .hard-refresh-btn:hover:not(:disabled)[b-lyfk5u0dy2] {
        background: var(--card-border);
        color: var(--text);
    }

    .hard-refresh-btn:disabled[b-lyfk5u0dy2] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .hard-refresh-btn.loading i[b-lyfk5u0dy2] {
        animation: spin-b-lyfk5u0dy2 1s linear infinite;
    }

.two-col-row[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}

.email-program-list[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.email-program-row[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 6px;
    background: rgba(20, 23, 32, 0.4);
    border-radius: 3px;
    font-size: 11px;
}

.email-program-name[b-lyfk5u0dy2] {
    color: var(--text2);
}

.email-program-count[b-lyfk5u0dy2] {
    color: var(--text);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    margin-left: auto;
    margin-right: 10px;
}

.email-program-lt[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
}

.users-panel[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    position: sticky;
    top: var(--toolbar-h);
    z-index: 10;
    height: calc(100vh - var(--toolbar-h) - 10px);
    min-height: 400px;
}

.users-list-col[b-lyfk5u0dy2], .users-detail-col[b-lyfk5u0dy2] {
    min-height: 0;
    overflow: hidden;
}

.user-search-bar[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 4px 4px 10px;
    background: var(--card-inner);
    border: 1px solid var(--card-border);
    border-radius: 4px;
    margin-bottom: 6px;
}

    .user-search-bar > i[b-lyfk5u0dy2] {
        color: var(--text3);
        font-size: 11px;
    }

.user-search-input[b-lyfk5u0dy2] {
    flex: 1;
    border: none;
    background: transparent;
    padding: 5px 4px;
    font-size: 12px;
    color: var(--text);
    outline: none;
    font-family: var(--font);
    min-width: 0;
}

    .user-search-input[b-lyfk5u0dy2]::placeholder {
        color: var(--text3);
    }

.user-search-clear[b-lyfk5u0dy2] {
    background: none;
    border: none;
    color: var(--text3);
    cursor: pointer;
    font-size: 11px;
    padding: 2px 4px;
}

    .user-search-clear:hover[b-lyfk5u0dy2] {
        color: var(--text2);
    }

.user-sort-bar[b-lyfk5u0dy2] {
    display: flex;
    gap: 2px;
    padding: 0 0 6px 0;
}

.sort-btn[b-lyfk5u0dy2] {
    flex: 1;
    padding: 3px 6px;
    background: var(--card-inner);
    border: 1px solid var(--card-border);
    border-radius: 3px;
    color: var(--text3);
    font-size: 9px;
    font-family: var(--font);
    cursor: pointer;
    transition: all 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

    .sort-btn:hover[b-lyfk5u0dy2] {
        color: var(--text2);
        border-color: var(--text3);
    }

    .sort-btn.active[b-lyfk5u0dy2] {
        background: rgba(99, 102, 241, 0.12);
        color: var(--accent);
        border-color: var(--accent);
    }

.user-search-go[b-lyfk5u0dy2] {
    padding: 4px 10px;
    background: var(--accent);
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--font);
}

    .user-search-go:disabled[b-lyfk5u0dy2] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.user-table-scroll[b-lyfk5u0dy2] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

    .user-table-scroll[b-lyfk5u0dy2]::-webkit-scrollbar {
        width: 5px;
    }

    .user-table-scroll[b-lyfk5u0dy2]::-webkit-scrollbar-track {
        background: var(--card-inner);
    }

    .user-table-scroll[b-lyfk5u0dy2]::-webkit-scrollbar-thumb {
        background: var(--card-border);
        border-radius: 3px;
    }

.user-table-header[b-lyfk5u0dy2], .user-table-row[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: 24px 1.4fr 48px 64px 22px 36px 44px 24px 24px 36px 40px 18px;
    gap: 3px;
    align-items: center;
    padding: 4px 4px;
}

.user-table-header[b-lyfk5u0dy2] {
    font-size: 9px;
    font-weight: 600;
    color: var(--text3);
    text-transform: uppercase;
    background: var(--card-inner);
    border-radius: 3px;
    margin-bottom: 2px;
    position: sticky;
    top: 0;
    z-index: 1;
}

.user-table-row[b-lyfk5u0dy2] {
    font-size: 12px;
    color: var(--text);
    cursor: pointer;
    border-bottom: 1px solid var(--card-border);
    transition: background 0.12s;
}

    .user-table-row:hover[b-lyfk5u0dy2] {
        background: #1e2235;
    }

    .user-table-row.selected[b-lyfk5u0dy2] {
        background: rgba(99, 102, 241, 0.12);
        border-left: 2px solid var(--accent);
    }

    .user-table-row.top-three[b-lyfk5u0dy2] {
        background: rgba(23, 25, 36, 0.18);
    }

.ucol[b-lyfk5u0dy2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ucol-rank[b-lyfk5u0dy2] {
    text-align: center;
    font-size: 11px;
    color: var(--text3);
}

.ucol-name[b-lyfk5u0dy2] {
    font-weight: 600;
    font-size: 12px;
}

.ucol-joined[b-lyfk5u0dy2] {
    font-size: 11px;
    color: var(--text2);
    font-variant-numeric: tabular-nums;
}

.ucol-plan[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text2);
}

.ucol-last[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text2);
    text-align: center;
    font-variant-numeric: tabular-nums;
}

    .ucol-last.stale[b-lyfk5u0dy2] {
        color: var(--red);
        opacity: 0.7;
    }

.last-seen-badge[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text2);
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

    .last-seen-badge i[b-lyfk5u0dy2] {
        font-size: 8px;
        color: var(--green);
    }

    .last-seen-badge.stale[b-lyfk5u0dy2] {
        color: var(--text3);
    }

        .last-seen-badge.stale i[b-lyfk5u0dy2] {
            color: var(--red);
        }

.plan-cell[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

    .plan-cell[b-lyfk5u0dy2]::before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .plan-cell.plan-active[b-lyfk5u0dy2]::before {
        background: var(--green);
    }

    .plan-cell.plan-expired[b-lyfk5u0dy2]::before {
        background: var(--red);
        opacity: 0.7;
    }

    .plan-cell.plan-expired[b-lyfk5u0dy2] {
        color: var(--text3);
    }

    .plan-cell.plan-inactive[b-lyfk5u0dy2]::before {
        background: var(--red);
        opacity: 0.5;
    }

    .plan-cell.plan-inactive[b-lyfk5u0dy2] {
        color: var(--text3);
        text-decoration: line-through;
        opacity: 0.6;
    }

    .plan-cell.plan-unknown[b-lyfk5u0dy2]::before {
        background: var(--text3);
        opacity: 0.4;
    }

.ucol-num[b-lyfk5u0dy2] {
    text-align: center;
    font-variant-numeric: tabular-nums;
    font-size: 11px;
}

.ucol-score-val[b-lyfk5u0dy2] {
    font-weight: 600;
}

.ucol-ind[b-lyfk5u0dy2] {
    text-align: center;
}

.ucol-exp[b-lyfk5u0dy2] {
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.ucol-note[b-lyfk5u0dy2] {
    text-align: center;
    font-size: 10px;
}

.note-icon[b-lyfk5u0dy2] {
    color: var(--accent);
    opacity: 0.6;
    font-size: 10px;
    cursor: help;
}

    .note-icon:hover[b-lyfk5u0dy2] {
        opacity: 1;
    }

.detail-empty[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--text3);
    gap: 12px;
    font-size: 13px;
}

    .detail-empty i[b-lyfk5u0dy2] {
        font-size: 32px;
        opacity: 0.3;
    }

.detail-empty-hint[b-lyfk5u0dy2] {
    font-size: 11px;
    color: var(--text3);
    opacity: 0.6;
}

.exp-active[b-lyfk5u0dy2] {
    color: var(--green);
}

.exp-expiring[b-lyfk5u0dy2] {
    color: var(--amber);
}

.exp-expired[b-lyfk5u0dy2] {
    color: var(--red);
}

.depth-bars[b-lyfk5u0dy2] {
    display: inline-flex;
    gap: 1px;
    align-items: flex-end;
}

    .depth-bars .bar[b-lyfk5u0dy2] {
        width: 4px;
        border-radius: 1px;
        display: inline-block;
        background: var(--card-border);
    }

    .depth-bars .bar1[b-lyfk5u0dy2] {
        height: 5px;
    }

    .depth-bars .bar2[b-lyfk5u0dy2] {
        height: 9px;
    }

    .depth-bars .bar3[b-lyfk5u0dy2] {
        height: 13px;
    }

.depth-deep .bar1[b-lyfk5u0dy2], .depth-deep .bar2[b-lyfk5u0dy2], .depth-deep .bar3[b-lyfk5u0dy2] {
    background: var(--green);
}

.depth-moderate .bar1[b-lyfk5u0dy2], .depth-moderate .bar2[b-lyfk5u0dy2] {
    background: var(--amber);
}

.depth-shallow .bar1[b-lyfk5u0dy2] {
    background: #64748b;
}

.state-dot[b-lyfk5u0dy2] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.state-active[b-lyfk5u0dy2] {
    background: var(--green);
}

.state-idle[b-lyfk5u0dy2] {
    background: var(--amber);
}

.state-exploring[b-lyfk5u0dy2] {
    background: #3b82f6;
}

.state-abandoned[b-lyfk5u0dy2] {
    background: var(--red);
}

.tag-badge[b-lyfk5u0dy2] {
    padding: 1px 5px;
    border-radius: 3px;
    background: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.2);
    font-size: 9px;
    color: var(--accent);
}

.no-data[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: var(--text3);
    gap: 8px;
    font-size: 13px;
}

.journey-search[b-lyfk5u0dy2] {
    margin-bottom: 14px;
}

.search-input-group[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--card-inner);
    border: 1px solid var(--card-border);
    border-radius: 5px;
    padding: 4px 4px 4px 12px;
}

    .search-input-group > i[b-lyfk5u0dy2] {
        color: var(--text3);
        font-size: 13px;
    }

.journey-input[b-lyfk5u0dy2] {
    flex: 1;
    border: none;
    background: transparent;
    padding: 8px;
    font-size: 13px;
    color: var(--text);
    outline: none;
    font-family: var(--font);
}

    .journey-input[b-lyfk5u0dy2]::placeholder {
        color: var(--text3);
    }

.journey-search-btn[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: var(--accent);
    border: none;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    font-family: var(--font);
}

    .journey-search-btn:hover:not(:disabled)[b-lyfk5u0dy2] {
        background: #5558e6;
    }

    .journey-search-btn:disabled[b-lyfk5u0dy2] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.journey-error[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 8px 12px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: 4px;
    color: var(--red);
    font-size: 12px;
}

.journey-user-header[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    background: linear-gradient(135deg, var(--card-inner), var(--card));
    border: 1px solid var(--card-border);
    border-radius: 6px;
    margin-bottom: 10px;
}

.journey-user-info[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.journey-user-avatar[b-lyfk5u0dy2] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--accent), #8b5cf6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.journey-user-name[b-lyfk5u0dy2] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
}

.journey-user-meta[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 11px;
    color: var(--text2);
    margin-top: 3px;
}

    .journey-user-meta span[b-lyfk5u0dy2] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .journey-user-meta i[b-lyfk5u0dy2] {
        font-size: 10px;
        color: var(--text3);
    }

.plan-badge[b-lyfk5u0dy2] {
    padding: 2px 8px;
    background: rgba(99, 102, 241, 0.15);
    color: var(--accent);
    border-radius: 10px;
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
}

.status-badge[b-lyfk5u0dy2] {
    padding: 2px 6px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 9px;
    text-transform: uppercase;
}

    .status-badge.active[b-lyfk5u0dy2] {
        background: rgba(16, 185, 129, 0.15);
        color: var(--green);
    }

    .status-badge.idle[b-lyfk5u0dy2] {
        background: rgba(245, 158, 11, 0.15);
        color: var(--amber);
    }

    .status-badge.exploring[b-lyfk5u0dy2] {
        background: rgba(100, 116, 139, 0.15);
        color: var(--text2);
    }

    .status-badge.abandoned[b-lyfk5u0dy2] {
        background: rgba(239, 68, 68, 0.15);
        color: var(--red);
    }

.plan-status-badge[b-lyfk5u0dy2] {
    padding: 2px 6px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 9px;
    text-transform: uppercase;
}

    .plan-status-badge.plan-active[b-lyfk5u0dy2] {
        background: rgba(16, 185, 129, 0.12);
        color: var(--green);
    }

    .plan-status-badge.plan-expired[b-lyfk5u0dy2] {
        background: rgba(239, 68, 68, 0.12);
        color: var(--red);
    }

    .plan-status-badge.plan-inactive[b-lyfk5u0dy2] {
        background: rgba(239, 68, 68, 0.12);
        color: var(--red);
    }

    .plan-status-badge.plan-unknown[b-lyfk5u0dy2] {
        background: rgba(100, 116, 139, 0.12);
        color: var(--text3);
    }

.journey-user-stats[b-lyfk5u0dy2] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    padding-top: 8px;
    border-top: 1px solid var(--card-border);
}

.journey-stat[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    min-width: 56px;
}

.journey-stat-value[b-lyfk5u0dy2] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
    white-space: nowrap;
}

.journey-stat-label[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text2);
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-pin[b-lyfk5u0dy2] {
    font-family: 'SF Mono', 'Consolas', monospace;
    font-size: 12px;
    color: var(--amber);
    opacity: 0.6;
    letter-spacing: 3px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: default;
    padding: 2px 6px;
    border: 1px dashed rgba(245, 158, 11, 0.25);
    border-radius: 3px;
}

.admin-panel-toggle[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 500;
    color: var(--text2);
    cursor: pointer;
    border-bottom: 1px solid var(--card-border);
    transition: background 0.15s;
}

    .admin-panel-toggle:hover[b-lyfk5u0dy2] {
        background: rgba(245, 158, 11, 0.06);
    }

    .admin-panel-toggle i:first-child[b-lyfk5u0dy2] {
        font-size: 10px;
        color: var(--amber);
    }

    .admin-panel-toggle .toggle-arrow[b-lyfk5u0dy2] {
        margin-left: auto;
        font-size: 9px;
        color: var(--text3);
    }

.admin-panel[b-lyfk5u0dy2] {
    padding: 8px;
    border-bottom: 1px solid var(--card-border);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    background: rgba(245, 158, 11, 0.04);
    border-left: 2px solid rgba(245, 158, 11, 0.2);
}

.visitor-count-badge[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 6px;
    margin-left: 6px;
    border-radius: 9px;
    background: var(--accent);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}

.visitor-table-header[b-lyfk5u0dy2],
.visitor-table-row[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: 28px 1fr 60px 36px 64px minmax(60px, 90px) 40px 24px;
    align-items: center;
    gap: 2px;
    padding: 0 6px;
    font-size: 11px;
}

.visitor-table-header[b-lyfk5u0dy2] {
    color: var(--text3);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 6px 6px 4px;
    border-bottom: 1px solid var(--card-border);
    position: sticky;
    top: 0;
    background: var(--card);
    z-index: 1;
}

.visitor-table-row[b-lyfk5u0dy2] {
    padding: 5px 6px;
    border-bottom: 1px solid rgba(42, 45, 58, 0.4);
    cursor: pointer;
    transition: background 0.15s;
}

    .visitor-table-row:hover[b-lyfk5u0dy2] {
        background: rgba(99, 102, 241, 0.06);
    }

    .visitor-table-row.selected[b-lyfk5u0dy2] {
        background: rgba(99, 102, 241, 0.12);
        border-left: 2px solid var(--accent);
    }

    .visitor-table-row.prospect-row[b-lyfk5u0dy2] {
        background: rgba(245, 158, 11, 0.04);
    }

        .visitor-table-row.prospect-row:hover[b-lyfk5u0dy2] {
            background: rgba(245, 158, 11, 0.08);
        }

.vcol[b-lyfk5u0dy2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vcol-rank[b-lyfk5u0dy2] {
    text-align: center;
    color: var(--text3);
    font-size: 10px;
}

.vcol-id[b-lyfk5u0dy2] {
    font-family: 'SF Mono', 'Fira Code', monospace;
    font-size: 10px;
    color: var(--text2);
}

.vcol-when[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
}

.vcol-events[b-lyfk5u0dy2] {
    text-align: center;
    font-weight: 600;
}

.vcol-depth[b-lyfk5u0dy2] {
    text-align: center;
}

.vcol-signals[b-lyfk5u0dy2] {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
}

.vcol-dur[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
    text-align: center;
}

.vcol-device[b-lyfk5u0dy2] {
    text-align: center;
    color: var(--text3);
    font-size: 11px;
}

.visitor-id-text[b-lyfk5u0dy2] {
    letter-spacing: -0.3px;
}

.visitor-depth-badge[b-lyfk5u0dy2] {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.depth-phantom[b-lyfk5u0dy2] {
    background: rgba(100, 116, 139, 0.2);
    color: #94a3b8;
}

.depth-glancer[b-lyfk5u0dy2] {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

.depth-curious[b-lyfk5u0dy2] {
    background: rgba(139, 92, 246, 0.15);
    color: #a78bfa;
}

.depth-prospect[b-lyfk5u0dy2] {
    background: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
}

.anonymous-row[b-lyfk5u0dy2] {
    opacity: 0.8;
}

    .anonymous-row:hover[b-lyfk5u0dy2] {
        opacity: 1;
    }

    .anonymous-row.selected[b-lyfk5u0dy2] {
        opacity: 1;
    }

.anon-id-text[b-lyfk5u0dy2] {
    font-family: 'SF Mono', 'Fira Code', monospace;
    font-size: 10px;
    color: var(--text3);
    letter-spacing: -0.3px;
}

.anon-icon[b-lyfk5u0dy2] {
    color: var(--text3);
    margin-right: 3px;
    font-size: 10px;
}

.anon-ghost[b-lyfk5u0dy2] {
    color: var(--text3);
    font-size: 10px;
}

.anon-signals[b-lyfk5u0dy2] {
    display: flex;
    gap: 3px;
    align-items: center;
}

.signal-icon[b-lyfk5u0dy2] {
    font-size: 11px;
    opacity: 0.7;
}

.signal-pricing[b-lyfk5u0dy2] {
    color: var(--accent);
}

.signal-faq[b-lyfk5u0dy2] {
    color: #8b5cf6;
}

.signal-signup[b-lyfk5u0dy2] {
    color: #f59e0b;
}

.signal-enterprise[b-lyfk5u0dy2] {
    color: #10b981;
}

.copy-analysis-btn[b-lyfk5u0dy2] {
    float: right;
    padding: 3px 10px;
    font-size: 10px;
    border-radius: 4px;
    border: 1px solid var(--card-border);
    background: transparent;
    color: var(--text2);
    cursor: pointer;
    font-family: var(--font);
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

    .copy-analysis-btn:hover[b-lyfk5u0dy2] {
        background: var(--card-border);
        color: var(--text);
    }

    .copy-analysis-btn .fa-check[b-lyfk5u0dy2] {
        color: var(--green);
    }

.visitor-depth-bar[b-lyfk5u0dy2] {
    display: flex;
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 8px;
    gap: 1px;
}

.depth-segment[b-lyfk5u0dy2] {
    min-width: 2px;
    transition: width 0.3s ease;
}

    .depth-segment.phantom[b-lyfk5u0dy2] {
        background: #64748b;
    }

    .depth-segment.glancer[b-lyfk5u0dy2] {
        background: #3b82f6;
    }

    .depth-segment.curious[b-lyfk5u0dy2] {
        background: #8b5cf6;
    }

    .depth-segment.prospect[b-lyfk5u0dy2] {
        background: #f59e0b;
    }

.signup-abandonment-note[b-lyfk5u0dy2] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 10px;
    margin-top: 8px;
    border-radius: 4px;
    background: rgba(245, 158, 11, 0.06);
    border-left: 2px solid rgba(245, 158, 11, 0.3);
    font-size: 11px;
    color: var(--text2);
    line-height: 1.5;
}

    .signup-abandonment-note i[b-lyfk5u0dy2] {
        color: var(--amber);
        margin-top: 2px;
        flex-shrink: 0;
    }

.visitor-journey-header[b-lyfk5u0dy2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
    border-bottom: 1px solid var(--card-border);
    gap: 12px;
}

.visitor-journey-info[b-lyfk5u0dy2] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex: 1;
}

.visitor-avatar[b-lyfk5u0dy2] {
    background: rgba(100, 116, 139, 0.2) !important;
    color: var(--text3) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.visitor-corr-id[b-lyfk5u0dy2] {
    font-family: 'SF Mono', 'Fira Code', monospace;
    font-size: 10px;
    color: var(--text3);
}

.copy-corr-btn[b-lyfk5u0dy2] {
    padding: 1px 5px;
    margin-left: 3px;
    font-size: 9px;
    border-radius: 3px;
    border: 1px solid var(--card-border);
    background: transparent;
    color: var(--text3);
    cursor: pointer;
    transition: all 0.15s;
    vertical-align: middle;
}

    .copy-corr-btn:hover[b-lyfk5u0dy2] {
        background: var(--card-border);
        color: var(--text);
    }

    .copy-corr-btn .fa-check[b-lyfk5u0dy2] {
        color: var(--green);
    }

.user-ids-row[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 4px 10px;
    border-bottom: 1px solid var(--card-border);
    background: var(--card-inner);
    font-size: 10px;
}

.user-id-item[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.user-id-label[b-lyfk5u0dy2] {
    color: var(--text3);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.user-id-value[b-lyfk5u0dy2] {
    font-family: 'SF Mono', 'Fira Code', monospace;
    color: var(--text2);
    font-size: 10px;
    letter-spacing: -0.3px;
}

.visitor-faq-summary[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--card-border);
    font-size: 11px;
}

.faq-summary-label[b-lyfk5u0dy2] {
    color: var(--text3);
    font-size: 10px;
    white-space: nowrap;
}

    .faq-summary-label i[b-lyfk5u0dy2] {
        color: #8b5cf6;
        margin-right: 3px;
    }

.faq-topic-badge[b-lyfk5u0dy2] {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    background: rgba(139, 92, 246, 0.12);
    color: #a78bfa;
    font-size: 10px;
    font-weight: 500;
}

.visitor-signal-alert[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    font-size: 11px;
    border-bottom: 1px solid var(--card-border);
}

.prospect-alert[b-lyfk5u0dy2] {
    background: rgba(245, 158, 11, 0.05);
    color: var(--amber);
}

    .prospect-alert span[b-lyfk5u0dy2] {
        color: var(--text2);
    }

.visitor-dropoff[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--card-border);
    background: rgba(239, 68, 68, 0.04);
    font-size: 11px;
}

.dropoff-label[b-lyfk5u0dy2] {
    color: var(--text3);
    font-size: 10px;
    white-space: nowrap;
}

.dropoff-event[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--red);
    font-weight: 500;
}

    .dropoff-event .evt-path[b-lyfk5u0dy2] {
        color: var(--text2);
        font-weight: 400;
    }

.dropoff-time[b-lyfk5u0dy2] {
    margin-left: auto;
    color: var(--text3);
    font-size: 10px;
}

.evt-row.dropoff-highlight[b-lyfk5u0dy2] {
    background: rgba(239, 68, 68, 0.06);
    border-left: 2px solid var(--red);
}

.tile.danger .tile-value[b-lyfk5u0dy2] {
    color: var(--red);
}

@media (max-width: 900px) {
    .admin-panel[b-lyfk5u0dy2] {
        grid-template-columns: 1fr;
    }
}

.action-card[b-lyfk5u0dy2] {
    background: var(--card-inner);
    border: 1px solid var(--card-border);
    border-radius: 5px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    transition: border-color 0.15s;
    min-width: 0;
}

    .action-card:hover[b-lyfk5u0dy2] {
        border-color: rgba(245, 158, 11, 0.3);
    }

    .action-card.warn[b-lyfk5u0dy2] {
        border-top: 2px solid rgba(239, 68, 68, 0.4);
    }

    .action-card.disabled[b-lyfk5u0dy2] {
        opacity: 0.35;
        pointer-events: none;
    }

.action-card-icon[b-lyfk5u0dy2] {
    font-size: 14px;
    color: var(--text3);
}

.action-card.warn .action-card-icon[b-lyfk5u0dy2] {
    color: var(--red);
}

.action-card-title[b-lyfk5u0dy2] {
    font-size: 10px;
    font-weight: 600;
    color: var(--text);
    text-align: center;
}

.action-card-status[b-lyfk5u0dy2] {
    font-size: 9px;
    color: var(--text3);
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.action-input[b-lyfk5u0dy2] {
    width: 100%;
    padding: 4px 6px;
    font-size: 10px;
    font-family: var(--font);
    background: var(--bg);
    border: 1px solid var(--card-border);
    border-radius: 3px;
    color: var(--text);
    outline: none;
    box-sizing: border-box;
    text-align: center;
}

    .action-input[b-lyfk5u0dy2]::placeholder {
        color: var(--text3);
    }

    .action-input:focus[b-lyfk5u0dy2] {
        border-color: var(--accent);
    }

    .action-input:disabled[b-lyfk5u0dy2] {
        opacity: 0.35;
        cursor: not-allowed;
    }

.pin-input[b-lyfk5u0dy2] {
    width: 52px;
    padding: 4px 4px;
    font-size: 11px;
    font-family: 'SF Mono', 'Consolas', monospace;
    letter-spacing: 3px;
    text-align: center;
    background: var(--bg);
    border: 1px solid var(--amber);
    border-radius: 3px;
    color: var(--amber);
    outline: none;
}

    .pin-input:focus[b-lyfk5u0dy2] {
        border-color: var(--green);
        color: var(--green);
    }

.action-btn-row[b-lyfk5u0dy2] {
    display: flex;
    gap: 3px;
}

.action-trigger[b-lyfk5u0dy2] {
    width: 100%;
    padding: 4px 8px;
    font-size: 10px;
    font-family: var(--font);
    font-weight: 600;
    background: rgba(99, 102, 241, 0.12);
    color: var(--accent);
    border: 1px solid rgba(99, 102, 241, 0.25);
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.15s;
}

    .action-trigger:hover:not(:disabled)[b-lyfk5u0dy2] {
        background: rgba(99, 102, 241, 0.2);
    }

    .action-trigger:disabled[b-lyfk5u0dy2] {
        opacity: 0.3;
        cursor: not-allowed;
    }

    .action-trigger.danger[b-lyfk5u0dy2] {
        background: rgba(239, 68, 68, 0.1);
        color: var(--red);
        border-color: rgba(239, 68, 68, 0.25);
    }

        .action-trigger.danger:hover:not(:disabled)[b-lyfk5u0dy2] {
            background: rgba(239, 68, 68, 0.18);
        }

    .action-trigger.warn[b-lyfk5u0dy2] {
        background: rgba(245, 158, 11, 0.1);
        color: var(--amber);
        border-color: rgba(245, 158, 11, 0.25);
    }

        .action-trigger.warn:hover:not(:disabled)[b-lyfk5u0dy2] {
            background: rgba(245, 158, 11, 0.18);
        }

.action-day-row[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .action-day-row .action-days[b-lyfk5u0dy2] {
        width: 64px;
        text-align: center;
        font-family: 'SF Mono', 'Consolas', monospace;
    }

.action-day-unit[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
}

.action-result[b-lyfk5u0dy2] {
    grid-column: 1 / -1;
    padding: 5px 8px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 3px;
    border: 1px solid transparent;
}

    .action-result.ok[b-lyfk5u0dy2] {
        background: rgba(16, 185, 129, 0.1);
        color: var(--green);
        border-color: rgba(16, 185, 129, 0.25);
    }

    .action-result.fail[b-lyfk5u0dy2] {
        background: rgba(239, 68, 68, 0.1);
        color: var(--red);
        border-color: rgba(239, 68, 68, 0.25);
    }

.action-confirm[b-lyfk5u0dy2] {
    padding: 4px 8px;
    font-size: 9px;
    font-family: var(--font);
    font-weight: 600;
    background: var(--green);
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

    .action-confirm:disabled[b-lyfk5u0dy2] {
        opacity: 0.3;
        cursor: not-allowed;
    }

    .action-confirm:hover:not(:disabled)[b-lyfk5u0dy2] {
        filter: brightness(1.15);
    }

    .action-confirm.danger[b-lyfk5u0dy2] {
        background: var(--red);
    }

.action-cancel[b-lyfk5u0dy2] {
    padding: 4px 6px;
    font-size: 9px;
    font-family: var(--font);
    background: transparent;
    color: var(--text3);
    border: 1px solid var(--card-border);
    border-radius: 3px;
    cursor: pointer;
}

    .action-cancel:hover[b-lyfk5u0dy2] {
        color: var(--text2);
        background: var(--card-border);
    }

.plan-timeline[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 0 2px;
    width: 100%;
}

.plan-tl-date[b-lyfk5u0dy2] {
    font-size: 9px;
    font-family: 'SF Mono', 'Consolas', monospace;
    color: var(--text3);
    white-space: nowrap;
    flex-shrink: 0;
}

    .plan-tl-date.expired[b-lyfk5u0dy2] {
        color: var(--red);
    }

.plan-tl-track[b-lyfk5u0dy2] {
    flex: 1;
    height: 4px;
    background: var(--card-border);
    border-radius: 2px;
    position: relative;
    min-width: 40px;
}

.plan-tl-fill[b-lyfk5u0dy2] {
    height: 100%;
    border-radius: 2px;
    background: var(--green);
    transition: width 0.3s;
}

    .plan-tl-fill.expiring[b-lyfk5u0dy2] {
        background: var(--amber);
    }

    .plan-tl-fill.expired[b-lyfk5u0dy2] {
        background: var(--red);
        opacity: 0.5;
    }

.plan-tl-now[b-lyfk5u0dy2] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 7px;
    height: 7px;
    background: var(--text);
    border: 1.5px solid var(--bg);
    border-radius: 1px;
    box-shadow: 0 0 0 1px var(--text3);
    z-index: 1;
}

.plan-tl-end[b-lyfk5u0dy2] {
    font-size: 8px;
    color: var(--text3);
    white-space: nowrap;
    flex-shrink: 0;
    font-style: italic;
}

.journey-filters[b-lyfk5u0dy2] {
    display: flex;
    gap: 6px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.filter-btn[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    background: transparent;
    border: 1px solid var(--card-border);
    border-radius: 14px;
    font-size: 11px;
    font-weight: 500;
    color: var(--text2);
    cursor: pointer;
    font-family: var(--font);
}

    .filter-btn:hover[b-lyfk5u0dy2] {
        background: var(--card);
        border-color: var(--text3);
    }

    .filter-btn.active[b-lyfk5u0dy2] {
        background: var(--accent);
        border-color: var(--accent);
        color: #fff;
    }

    .filter-btn i[b-lyfk5u0dy2] {
        font-size: 10px;
    }

.journey-timeline[b-lyfk5u0dy2] {
    position: relative;
    flex: 1;
    overflow-y: auto;
}

    .journey-timeline[b-lyfk5u0dy2]::-webkit-scrollbar {
        width: 5px;
    }

    .journey-timeline[b-lyfk5u0dy2]::-webkit-scrollbar-track {
        background: var(--card-inner);
    }

    .journey-timeline[b-lyfk5u0dy2]::-webkit-scrollbar-thumb {
        background: var(--card-border);
        border-radius: 3px;
    }

        .journey-timeline[b-lyfk5u0dy2]::-webkit-scrollbar-thumb:hover {
            background: var(--text3);
        }

.evt-row[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    margin: 1px 0;
    border-radius: 3px;
    font-size: 11px;
    background: var(--card-inner);
    border-left: 3px solid var(--card-border);
    flex-wrap: wrap;
    min-height: 24px;
}

    .evt-row:hover[b-lyfk5u0dy2] {
        filter: brightness(1.15);
    }

    .evt-row.success[b-lyfk5u0dy2] {
        border-left-color: var(--green);
    }

    .evt-row.error[b-lyfk5u0dy2] {
        border-left-color: var(--red);
        background: rgba(239, 68, 68, 0.04);
    }

    .evt-row.creation[b-lyfk5u0dy2] {
        border-left-color: var(--text2);
    }

    .evt-row.generation[b-lyfk5u0dy2] {
        border-left-color: var(--accent);
    }

    .evt-row.deletion[b-lyfk5u0dy2] {
        border-left-color: var(--amber);
    }

    .evt-row[class*="email-"][b-lyfk5u0dy2] {
        border-left-width: 3px;
    }

    .evt-row.email-onboard[b-lyfk5u0dy2] {
        border-left-color: #06b6d4;
        background: rgba(6, 182, 212, 0.05);
    }

        .evt-row.email-onboard .evt-icon[b-lyfk5u0dy2] {
            color: #06b6d4;
        }

        .evt-row.email-onboard .evt-type[b-lyfk5u0dy2] {
            color: #22d3ee;
        }

    .evt-row.email-marketing[b-lyfk5u0dy2] {
        border-left-color: #a78bfa;
        background: rgba(167, 139, 250, 0.05);
    }

        .evt-row.email-marketing .evt-icon[b-lyfk5u0dy2] {
            color: #a78bfa;
        }

        .evt-row.email-marketing .evt-type[b-lyfk5u0dy2] {
            color: #c4b5fd;
        }

    .evt-row.email-ops[b-lyfk5u0dy2] {
        border-left-color: #64748b;
        background: rgba(100, 116, 139, 0.05);
    }

        .evt-row.email-ops .evt-icon[b-lyfk5u0dy2] {
            color: #94a3b8;
        }

    .evt-row.email-invite[b-lyfk5u0dy2] {
        border-left-color: #3b82f6;
        background: rgba(59, 130, 246, 0.05);
    }

        .evt-row.email-invite .evt-icon[b-lyfk5u0dy2] {
            color: #3b82f6;
        }

        .evt-row.email-invite .evt-type[b-lyfk5u0dy2] {
            color: #60a5fa;
        }

    .evt-row.email-campaign[b-lyfk5u0dy2] {
        border-left-color: #a78bfa;
        background: rgba(167, 139, 250, 0.05);
    }

        .evt-row.email-campaign .evt-icon[b-lyfk5u0dy2] {
            color: #a78bfa;
        }

.evt-icon[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
    width: 14px;
    text-align: center;
    flex-shrink: 0;
}

.evt-row.success .evt-icon[b-lyfk5u0dy2] {
    color: var(--green);
}

.evt-row.error .evt-icon[b-lyfk5u0dy2] {
    color: var(--red);
}

.evt-row.generation .evt-icon[b-lyfk5u0dy2] {
    color: var(--accent);
}

.evt-row.deletion .evt-icon[b-lyfk5u0dy2] {
    color: var(--amber);
}

.evt-type[b-lyfk5u0dy2] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text2);
    font-family: 'SF Mono', 'Consolas', monospace;
}

.evt-path[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    color: var(--text3);
}

.evt-sep[b-lyfk5u0dy2] {
    color: var(--card-border);
    font-weight: 300;
}

.evt-desc[b-lyfk5u0dy2] {
    font-size: 11px;
    color: var(--text2);
}

.evt-idea[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

    .evt-idea i[b-lyfk5u0dy2] {
        color: var(--amber);
        font-size: 9px;
    }

.evt-time[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
    margin-left: auto;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    flex-shrink: 0;
}

.evt-device[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
    opacity: 0.5;
    flex-shrink: 0;
}

    .evt-device:hover[b-lyfk5u0dy2] {
        opacity: 1;
    }

    .evt-device.fa-question-circle[b-lyfk5u0dy2] {
        opacity: 0.25;
    }

.evt-row .content-badge[b-lyfk5u0dy2] {
    font-size: 10px;
    padding: 1px 5px;
}

.evt-row .meta-tag[b-lyfk5u0dy2] {
    font-size: 10px;
    padding: 1px 5px;
}

.timeline-sep[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 0;
    margin: 8px 0;
}

.sep-line[b-lyfk5u0dy2] {
    flex: 1;
    height: 1px;
}

.sep-label[b-lyfk5u0dy2] {
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0.3px;
}

.day-sep[b-lyfk5u0dy2] {
    margin: 12px 0;
}

    .day-sep .sep-line[b-lyfk5u0dy2] {
        background: var(--card-border);
    }

    .day-sep .sep-label[b-lyfk5u0dy2] {
        color: var(--text2);
        text-transform: uppercase;
    }

.session-sep[b-lyfk5u0dy2] {
    margin: 6px 0;
}

    .session-sep .sep-line[b-lyfk5u0dy2] {
        background: rgba(99, 102, 241, 0.15);
        border-top: 1px dashed rgba(99, 102, 241, 0.25);
        height: 0;
    }

    .session-sep .sep-label[b-lyfk5u0dy2] {
        color: var(--text3);
        font-weight: 400;
        font-style: italic;
    }

.evt-row.critical[b-lyfk5u0dy2] {
    border-left-width: 4px;
    font-weight: 600;
}

    .evt-row.critical.success[b-lyfk5u0dy2] {
        background: rgba(16, 185, 129, 0.1);
        border-left-color: var(--green);
        box-shadow: inset 0 0 12px rgba(16, 185, 129, 0.06);
    }

        .evt-row.critical.success .evt-type[b-lyfk5u0dy2] {
            color: var(--green);
        }

    .evt-row.critical.error[b-lyfk5u0dy2] {
        background: rgba(239, 68, 68, 0.1);
        border-left-color: var(--red);
        box-shadow: inset 0 0 12px rgba(239, 68, 68, 0.06);
    }

        .evt-row.critical.error .evt-type[b-lyfk5u0dy2] {
            color: var(--red);
        }

.chat-row[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    margin: 1px 0;
    border-radius: 3px;
    font-size: 11px;
    background: var(--card-inner);
    border-left: 3px solid var(--card-border);
    min-height: 22px;
}

    .chat-row:hover[b-lyfk5u0dy2] {
        filter: brightness(1.1);
    }

    .chat-row.user[b-lyfk5u0dy2] {
        border-left-color: var(--text2);
    }

    .chat-row.ai[b-lyfk5u0dy2] {
        border-left-color: #8b5cf6;
    }

    .chat-row.sentiment-very-positive[b-lyfk5u0dy2] {
        background: rgba(16, 185, 129, 0.08);
        border-left-color: var(--green);
    }

    .chat-row.sentiment-positive[b-lyfk5u0dy2] {
        background: rgba(34, 197, 94, 0.06);
        border-left-color: #22c55e;
    }

    .chat-row.sentiment-neutral[b-lyfk5u0dy2] {
        background: var(--card-inner);
    }

    .chat-row.sentiment-negative[b-lyfk5u0dy2] {
        background: rgba(245, 158, 11, 0.06);
        border-left-color: var(--amber);
    }

    .chat-row.sentiment-very-negative[b-lyfk5u0dy2] {
        background: rgba(239, 68, 68, 0.06);
        border-left-color: var(--red);
    }


.chat-author-compact[b-lyfk5u0dy2] {
    font-weight: 600;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 10px;
    min-width: 48px;
    text-align: center;
}

    .chat-author-compact.user[b-lyfk5u0dy2] {
        background: rgba(100, 116, 139, 0.3);
        color: var(--text2);
    }

    .chat-author-compact.ai[b-lyfk5u0dy2] {
        background: rgba(139, 92, 246, 0.2);
        color: #a78bfa;
    }

.chat-sentiment[b-lyfk5u0dy2] {
    font-size: 14px;
    min-width: 20px;
    text-align: center;
    cursor: help;
}

    .chat-sentiment.not-set[b-lyfk5u0dy2] {
        display: none;
    }

.chat-idea-label[b-lyfk5u0dy2] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    background: var(--card-border);
    color: var(--text2);
    border-radius: 3px;
    cursor: help;
}


.content-badge[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 10px;
    font-family: 'SF Mono', 'Consolas', monospace;
}

    .content-badge.type[b-lyfk5u0dy2] {
        background: rgba(245, 158, 11, 0.15);
        color: var(--amber);
        font-weight: 600;
    }

    .content-badge.key[b-lyfk5u0dy2] {
        background: var(--card-border);
        color: var(--text2);
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.meta-tag[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 5px;
    background: var(--card);
    border: 1px solid var(--card-border);
    border-radius: 3px;
    font-size: 10px;
}

.meta-key[b-lyfk5u0dy2] {
    color: var(--text3);
    font-weight: 500;
}

.meta-value[b-lyfk5u0dy2] {
    color: var(--text2);
    font-family: 'SF Mono', 'Consolas', monospace;
}

.no-events[b-lyfk5u0dy2], .journey-empty[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    color: var(--text3);
    gap: 12px;
}

    .no-events i[b-lyfk5u0dy2], .journey-empty i[b-lyfk5u0dy2] {
        font-size: 28px;
        opacity: 0.4;
    }

    .no-events span[b-lyfk5u0dy2], .journey-empty span[b-lyfk5u0dy2] {
        font-size: 13px;
    }

.ops-section[b-lyfk5u0dy2] {
    max-width: 640px;
}

    .ops-section .section-label[b-lyfk5u0dy2] {
        margin-bottom: 10px;
    }

.ops-row[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: var(--card);
    border-radius: 5px;
    border: 1px solid var(--card-border);
    margin-bottom: 5px;
}

.ops-row-info[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.ops-icon[b-lyfk5u0dy2] {
    font-size: 16px;
}

.ops-sent[b-lyfk5u0dy2] {
    color: var(--green);
    font-size: 12px;
    font-weight: 600;
}

.ops-confirm-group[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.ops-confirm-hint[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--amber);
}

.ops-confirm-input[b-lyfk5u0dy2] {
    width: 56px;
    padding: 3px 5px;
    font-size: 11px;
    font-family: monospace;
    background: var(--card-inner);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 3px;
    color: var(--text);
    outline: none;
}

.ops-go-btn[b-lyfk5u0dy2] {
    padding: 3px 10px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 3px;
    border: none;
    background: var(--text3);
    color: #fff;
    cursor: not-allowed;
    font-family: var(--font);
}

    .ops-go-btn.ready[b-lyfk5u0dy2] {
        background: var(--green);
        cursor: pointer;
    }

.ops-cancel-btn[b-lyfk5u0dy2] {
    padding: 3px 6px;
    font-size: 10px;
    border-radius: 3px;
    border: 1px solid var(--card-border);
    background: transparent;
    color: var(--text2);
    cursor: pointer;
    font-family: var(--font);
}

.ops-send-btn[b-lyfk5u0dy2] {
    padding: 4px 10px;
    font-size: 11px;
    border-radius: 4px;
    border: 1px solid var(--card-border);
    background: transparent;
    color: var(--text2);
    cursor: pointer;
    font-family: var(--font);
}

    .ops-send-btn:hover[b-lyfk5u0dy2] {
        background: var(--card-border);
    }

.ops-warning[b-lyfk5u0dy2] {
    margin-top: 16px;
    padding: 10px;
    background: var(--card-inner);
    border-radius: 5px;
    border: 1px solid rgba(245, 158, 11, 0.1);
    font-size: 11px;
    color: var(--text3);
}

.ops-warning-icon[b-lyfk5u0dy2] {
    color: var(--amber);
    margin-right: 4px;
}

.ops-warning code[b-lyfk5u0dy2] {
    font-family: monospace;
    color: var(--amber);
}

.paid-campaign-icon[b-lyfk5u0dy2] {
    color: var(--amber);
    font-size: 10px;
    margin-left: 4px;
    opacity: 0.85;
    vertical-align: middle;
}

.journey-user-name .paid-campaign-icon[b-lyfk5u0dy2] {
    font-size: 12px;
}

.presignup-bar[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    padding: 6px 10px;
    margin: 6px 0 2px;
    background: rgba(99, 102, 241, 0.06);
    border: 1px solid rgba(99, 102, 241, 0.12);
    border-radius: 5px;
}

.presignup-label[b-lyfk5u0dy2] {
    font-size: 10px;
    font-weight: 600;
    color: var(--accent);
    letter-spacing: 0.3px;
    text-transform: uppercase;
    margin-right: 2px;
    white-space: nowrap;
}

    .presignup-label i[b-lyfk5u0dy2] {
        margin-right: 3px;
        font-size: 10px;
    }

.presignup-chip[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 7px;
    background: var(--card);
    border: 1px solid var(--card-border);
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
}

    .presignup-chip .chip-unit[b-lyfk5u0dy2] {
        font-weight: 400;
        color: var(--text3);
        font-size: 10px;
    }

    .presignup-chip i[b-lyfk5u0dy2] {
        font-size: 9px;
    }

    .presignup-chip.window[b-lyfk5u0dy2] {
        color: var(--accent);
        border-color: rgba(99, 102, 241, 0.25);
        background: rgba(99, 102, 241, 0.08);
    }

    .presignup-chip.instant[b-lyfk5u0dy2] {
        color: var(--amber);
        border-color: rgba(245, 158, 11, 0.25);
        background: rgba(245, 158, 11, 0.08);
    }

    .presignup-chip.signal[b-lyfk5u0dy2] {
        color: var(--green);
        border-color: rgba(16, 185, 129, 0.2);
        background: rgba(16, 185, 129, 0.06);
    }

    .presignup-chip.bounce[b-lyfk5u0dy2] {
        color: var(--amber);
        border-color: rgba(245, 158, 11, 0.2);
        background: rgba(245, 158, 11, 0.06);
    }

.presignup-date[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
    margin-left: auto;
    font-style: italic;
}

.journey-stat.presignup-stat[b-lyfk5u0dy2] {
    border-left: 2px solid var(--accent);
    padding-left: 6px;
}

    .journey-stat.presignup-stat .journey-stat-value[b-lyfk5u0dy2] {
        color: var(--accent);
    }

    .journey-stat.presignup-stat .journey-stat-label[b-lyfk5u0dy2] {
        color: var(--accent);
        opacity: 0.7;
    }

.deliverability-controls[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.deliverability-input[b-lyfk5u0dy2] {
    width: 220px;
    padding: 5px 8px;
    font-size: 12px;
    font-family: var(--font);
    background: var(--card-inner);
    border: 1px solid var(--card-border);
    border-radius: 4px;
    color: var(--text);
    outline: none;
}

    .deliverability-input:focus[b-lyfk5u0dy2] {
        border-color: var(--accent);
    }

    .deliverability-input:disabled[b-lyfk5u0dy2] {
        opacity: 0.5;
    }

.test-fail[b-lyfk5u0dy2] {
    color: var(--red) !important;
}

.ops-note[b-lyfk5u0dy2] {
    margin-top: 8px;
    font-size: 11px;
    color: var(--text3);
    padding: 0 4px;
}

.article-summary[b-lyfk5u0dy2] {
    font-weight: 400;
    color: var(--text3);
    font-size: 11px;
    margin-left: 6px;
}

.article-signups-summary[b-lyfk5u0dy2] {
    color: var(--green);
}

.article-overlap[b-lyfk5u0dy2] {
    color: var(--text3);
    font-size: 10px;
    font-style: italic;
}

.article-table-scroll[b-lyfk5u0dy2] {
    max-height: 460px;
    overflow-y: auto;
}

.article-table-header[b-lyfk5u0dy2],
.article-table-row[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: 26px 1fr 56px 50px 56px 80px;
    align-items: center;
    padding: 0 8px;
    gap: 4px;
}

.article-table-header[b-lyfk5u0dy2] {
    font-size: 10px;
    font-weight: 600;
    color: var(--text3);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--card-border);
    position: sticky;
    top: 0;
    background: var(--card);
    z-index: 1;
}

.article-table-row[b-lyfk5u0dy2] {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(42, 45, 58, 0.4);
    transition: background 0.15s;
}

    .article-table-row:hover[b-lyfk5u0dy2] {
        background: var(--card-inner);
    }

    .article-table-row.has-signups[b-lyfk5u0dy2] {
        border-left: 2px solid var(--green);
    }

.acol[b-lyfk5u0dy2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.acol-rank[b-lyfk5u0dy2] {
    color: var(--text3);
    font-size: 10px;
    text-align: center;
}

.acol-title[b-lyfk5u0dy2] {
    font-weight: 500;
    color: var(--text);
}

.acol-num[b-lyfk5u0dy2] {
    text-align: right;
    font-family: 'SF Mono', 'Consolas', monospace;
    font-size: 11px;
    color: var(--text2);
}

.acol-readers[b-lyfk5u0dy2] {
    font-weight: 600;
    color: var(--text);
}

.acol-signups[b-lyfk5u0dy2] {
    color: var(--green);
    font-weight: 600;
}

.acol-bar[b-lyfk5u0dy2] {
    padding-left: 4px;
}

.article-bar-track[b-lyfk5u0dy2] {
    height: 4px;
    background: var(--card-inner);
    border-radius: 2px;
    overflow: hidden;
}

.article-bar-fill[b-lyfk5u0dy2] {
    height: 100%;
    background: var(--accent);
    border-radius: 2px;
    opacity: 0.5;
    transition: width 0.3s ease;
}

    .article-bar-fill.has-conv[b-lyfk5u0dy2] {
        background: var(--green);
        opacity: 0.7;
    }

@media (max-width: 1100px) {
    .user-table-header[b-lyfk5u0dy2], .user-table-row[b-lyfk5u0dy2] {
        grid-template-columns: 22px 1.4fr 44px 56px 20px 32px 40px 22px 22px 32px 36px 16px;
    }
}

@media (max-width: 900px) {
    .hero-panel[b-lyfk5u0dy2] {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }

    .hero-number[b-lyfk5u0dy2] {
        text-align: left;
        display: flex;
        align-items: baseline;
        gap: 10px;
    }

    .hero-divider[b-lyfk5u0dy2] {
        width: 100%;
        height: 1px;
    }

    .two-col-row[b-lyfk5u0dy2] {
        grid-template-columns: 1fr;
    }

    .users-panel[b-lyfk5u0dy2] {
        grid-template-columns: 1fr;
        height: auto;
        position: relative;
        max-height: none;
    }

    .users-list-col[b-lyfk5u0dy2] {
        max-height: 320px;
        overflow: hidden;
    }

        .users-list-col .section-card[b-lyfk5u0dy2] {
            max-height: 320px;
        }

    .users-detail-col[b-lyfk5u0dy2] {
        min-height: 400px;
        max-height: 70vh;
    }
}

@media (max-width: 768px) {
    .user-table-header[b-lyfk5u0dy2], .user-table-row[b-lyfk5u0dy2] {
        grid-template-columns: 22px 1fr 44px 56px 20px 32px 40px;
    }

    .ucol-ind[b-lyfk5u0dy2], .ucol-last[b-lyfk5u0dy2], .ucol-exp[b-lyfk5u0dy2], .ucol-note[b-lyfk5u0dy2] {
        display: none;
    }

    .journey-user-header[b-lyfk5u0dy2],
    .visitor-journey-header[b-lyfk5u0dy2] {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .journey-user-stats[b-lyfk5u0dy2] {
        width: 100%;
        justify-content: space-around;
        padding-top: 12px;
        border-top: 1px solid var(--card-border);
    }

    .journey-user-meta[b-lyfk5u0dy2] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .journey-filters[b-lyfk5u0dy2] {
        gap: 4px;
    }

    .filter-btn[b-lyfk5u0dy2] {
        padding: 4px 8px;
        font-size: 9px;
    }

    .visitor-table-header[b-lyfk5u0dy2], .visitor-table-row[b-lyfk5u0dy2] {
        grid-template-columns: 22px 1fr 46px 30px 52px 50px;
    }

    .vcol-dur[b-lyfk5u0dy2], .vcol-device[b-lyfk5u0dy2] {
        display: none;
    }
}

@media (max-width: 600px) {
    .analytics-dashboard[b-lyfk5u0dy2] {
        padding: 10px;
    }

    .hero-value[b-lyfk5u0dy2] {
        font-size: 40px;
    }

    .user-table-header[b-lyfk5u0dy2], .user-table-row[b-lyfk5u0dy2] {
        grid-template-columns: 22px 1fr 36px 40px;
    }

    .ucol-plan[b-lyfk5u0dy2], .ucol-num[b-lyfk5u0dy2], .ucol-ind[b-lyfk5u0dy2], .ucol-last[b-lyfk5u0dy2], .ucol-exp[b-lyfk5u0dy2], .ucol-note[b-lyfk5u0dy2] {
        display: none;
    }

    .ucol-joined[b-lyfk5u0dy2] {
        display: none;
    }

    .funnel-count[b-lyfk5u0dy2] {
        font-size: 14px;
    }

    .funnel-stage-label[b-lyfk5u0dy2] {
        font-size: 7px;
    }

    .visitor-table-header[b-lyfk5u0dy2], .visitor-table-row[b-lyfk5u0dy2] {
        grid-template-columns: 22px 1fr 36px 52px;
    }

    .vcol-when[b-lyfk5u0dy2], .vcol-dur[b-lyfk5u0dy2], .vcol-device[b-lyfk5u0dy2], .vcol-events[b-lyfk5u0dy2] {
        display: none;
    }

    .signup-abandonment-note[b-lyfk5u0dy2] {
        font-size: 10px;
    }

    .visitor-dropoff[b-lyfk5u0dy2] {
        flex-wrap: wrap;
    }
}

.diag-strip[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
    padding: 2px 6px;
    border: 1px dashed var(--card-border);
    border-radius: 3px;
    cursor: help;
    margin-left: 4px;
    user-select: none;
}

    .diag-strip i[b-lyfk5u0dy2] {
        color: var(--amber);
        margin-right: 3px;
        opacity: 0.7;
    }

    .diag-strip:hover[b-lyfk5u0dy2] {
        color: var(--text2);
        border-color: var(--text3);
    }

.admin-panel[b-lyfk5u0dy2] {
    display: block;
}

.admin-context[b-lyfk5u0dy2] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 8px 10px;
    margin-bottom: 10px;
    font-size: 0.78em;
    color: var(--text2);
    background: rgba(120, 130, 150, 0.06);
    border-radius: 6px;
}

.admin-context-k[b-lyfk5u0dy2] {
    margin-right: 4px;
    font-size: 0.82em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text3);
}

.admin-group-label[b-lyfk5u0dy2] {
    margin: 12px 2px 6px;
    font-size: 0.72em;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text3);
}

    .admin-group-label:first-of-type[b-lyfk5u0dy2] {
        margin-top: 4px;
    }

.admin-group[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 6px;
    margin-bottom: 4px;
}

.signup-recent-label[b-lyfk5u0dy2] {
    font-size: 10px;
    font-weight: 600;
    color: var(--text3);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin: 10px 0 5px;
}

.signup-list[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    max-height: 220px;
    overflow-y: auto;
}

.signup-row[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 3px 6px;
    background: rgba(20, 23, 32, 0.4);
    border-radius: 3px;
    font-size: 11px;
}

.signup-email[b-lyfk5u0dy2] {
    color: var(--text2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.signup-date[b-lyfk5u0dy2] {
    color: var(--text3);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    flex-shrink: 0;
}

.admin-actions[b-lyfk5u0dy2] {
    position: relative;
}

    .admin-actions.busy[b-lyfk5u0dy2] {
        opacity: 0.55;
        pointer-events: none;
    }

.admin-actions-lock[b-lyfk5u0dy2] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    z-index: 5;
    font-size: 12px;
    font-weight: 700;
    color: var(--text);
}

.admin-spinner[b-lyfk5u0dy2] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid var(--card-border);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-lyfk5u0dy2 0.8s linear infinite;
}

.danger-label[b-lyfk5u0dy2] {
    color: #f87171;
}

.action-card.danger[b-lyfk5u0dy2] {
    border-color: color-mix(in srgb, #f87171 40%, var(--card-border));
}

.erase-warning[b-lyfk5u0dy2] {
    font-size: 10px;
    line-height: 1.35;
    color: #f87171;
    background: color-mix(in srgb, #f87171 10%, transparent);
    border-radius: 3px;
    padding: 4px 6px;
    margin: 4px 0;
}

.ts-legend[b-lyfk5u0dy2] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 8px;
    font-size: 11px;
    color: var(--text2);
}

.ts-key[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .ts-key i[b-lyfk5u0dy2] {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 2px;
    }

.ts-chart[b-lyfk5u0dy2] {
    width: 100%;
}

.ts-svg[b-lyfk5u0dy2] {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}

    .ts-svg rect:hover[b-lyfk5u0dy2] {
        fill: rgba(255, 255, 255, 0.03);
    }

.northstar[b-lyfk5u0dy2] {
    border-top: 2px solid var(--accent);
}

    .northstar .tile-value[b-lyfk5u0dy2] {
        font-size: 26px;
        font-weight: 700;
    }

    .northstar .tile-label[b-lyfk5u0dy2] {
        font-size: 11px;
    }

.mock-note[b-lyfk5u0dy2] {
    margin-top: 10px;
    font-size: 11px;
    font-style: italic;
    color: var(--text3);
}

.analytics-dashboard[b-lyfk5u0dy2] {
    box-sizing: border-box;
    --series-1: #3987e5;
    --axis: #3a3f52;
    --release: #8b93a7;
    --blue: #3b82f6;
    --slate: #64748b;
    --slate-dark: #475063;
    --surface-hover: #1f2331;
    --radius: 10px;
    --elev: 0 1px 0 rgba(255, 255, 255, 0.025) inset, 0 10px 28px rgba(0, 0, 0, 0.22);
}

.dashboard-header[b-lyfk5u0dy2] {
    position: relative;
    gap: 12px;
    flex-wrap: wrap;
}

.header-left[b-lyfk5u0dy2] {
    flex-wrap: wrap;
    gap: 12px;
}

    .header-left h1[b-lyfk5u0dy2] {
        font-size: 18px;
        letter-spacing: -0.2px;
    }

.freshness[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--text2);
    cursor: help;
    white-space: nowrap;
}

.freshness-dot[b-lyfk5u0dy2] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
}

.freshness.stale .freshness-dot[b-lyfk5u0dy2] {
    background: var(--amber);
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
}

.freshness-sub[b-lyfk5u0dy2] {
    color: var(--text3);
}

.tabs[b-lyfk5u0dy2] {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    background: var(--card-inner);
    border: 1px solid var(--card-border);
    border-radius: 7px;
    margin-right: 6px;
}

    .tabs .tab-btn[b-lyfk5u0dy2] {
        border: none;
        border-radius: 5px;
        padding: 6px 14px;
        font-size: 12px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

.tab-count[b-lyfk5u0dy2] {
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    color: inherit;
    font-weight: 600;
}

.health-chip[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid var(--card-border);
    color: var(--green);
    font-size: 12px;
    cursor: help;
}

    .health-chip.warn[b-lyfk5u0dy2] {
        color: var(--amber);
        border-color: rgba(245, 158, 11, 0.35);
    }

.refresh-btn[b-lyfk5u0dy2] {
    width: auto;
    height: 30px;
    padding: 0 12px;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 600;
    font-family: var(--font);
    color: var(--text);
    border-radius: 6px;
}

.hard-refresh-btn[b-lyfk5u0dy2] {
    padding: 0 10px;
    border-radius: 6px;
}

.load-error[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    margin-bottom: 12px;
    border-radius: 8px;
    font-size: 12px;
    color: #fecaca;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.loading-state[b-lyfk5u0dy2] {
    flex-direction: row;
    text-align: left;
    gap: 14px;
}

.loading-hint[b-lyfk5u0dy2] {
    font-size: 11.5px;
    color: var(--text3);
    margin-top: 4px;
}

.overview[b-lyfk5u0dy2] {
    transition: opacity 0.2s ease;
}

    .overview.is-refreshing[b-lyfk5u0dy2] {
        opacity: 0.6;
    }

.section-card[b-lyfk5u0dy2] {
    padding: 14px 16px;
    border-radius: var(--radius);
    margin-bottom: 12px;
    box-shadow: var(--elev);
}

.section-head[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.section-title[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text);
    letter-spacing: 0.1px;
}

    .section-title i[b-lyfk5u0dy2] {
        color: var(--accent);
        font-size: 12px;
        width: 14px;
        text-align: center;
    }

.scope-pill[b-lyfk5u0dy2] {
    font-size: 10.5px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    color: #c7d2fe;
    background: rgba(99, 102, 241, 0.14);
    border: 1px solid rgba(99, 102, 241, 0.25);
    white-space: nowrap;
}

    .scope-pill.muted[b-lyfk5u0dy2] {
        color: var(--text2);
        background: rgba(255, 255, 255, 0.04);
        border-color: var(--card-border);
    }

.section-hint[b-lyfk5u0dy2],
.sub-hint[b-lyfk5u0dy2] {
    font-size: 11px;
    font-weight: 400;
    color: var(--text3);
    text-transform: none;
    letter-spacing: 0;
}

.sub-title[b-lyfk5u0dy2] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text2);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin: 4px 0 8px;
}

.empty-note[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    font-size: 12px;
    color: var(--text3);
    background: var(--card-inner);
    border-radius: 8px;
}

    .empty-note .fa-check-circle[b-lyfk5u0dy2] {
        color: var(--green);
    }

.attention-card[b-lyfk5u0dy2] {
    padding: 14px 16px;
    margin-bottom: 12px;
    border-radius: var(--radius);
    background: linear-gradient(135deg, #171a24 0%, #1b1f2c 100%);
    border: 1px solid var(--card-border);
    box-shadow: var(--elev);
}

.attention-clear[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: var(--text2);
}

    .attention-clear i[b-lyfk5u0dy2] {
        color: var(--green);
    }

.alert-list[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 8px;
}

.alert-item[b-lyfk5u0dy2] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--card-inner);
    border: 1px solid var(--card-border);
    border-left-width: 3px;
}

.alert-icon[b-lyfk5u0dy2] {
    font-size: 14px;
    margin-top: 2px;
    width: 16px;
    text-align: center;
}

.alert-text[b-lyfk5u0dy2] {
    flex: 1;
    min-width: 0;
}

.alert-title[b-lyfk5u0dy2] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text);
    line-height: 1.35;
}

.alert-detail[b-lyfk5u0dy2] {
    font-size: 11.5px;
    color: var(--text2);
    margin-top: 3px;
    line-height: 1.45;
}

.tone-tag[b-lyfk5u0dy2] {
    display: inline-block;
    font-size: 9.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 1px 6px;
    margin-right: 7px;
    border-radius: 4px;
    vertical-align: 1px;
    background: rgba(255, 255, 255, 0.07);
    color: var(--text2);
}

.alert-jump[b-lyfk5u0dy2] {
    align-self: center;
    font-size: 11px;
    font-family: var(--font);
    color: var(--text2);
    background: transparent;
    border: 1px solid var(--card-border);
    border-radius: 6px;
    padding: 4px 9px;
    cursor: pointer;
    white-space: nowrap;
}

    .alert-jump:hover[b-lyfk5u0dy2] {
        color: var(--text);
        border-color: var(--text3);
    }

.tone-critical[b-lyfk5u0dy2] {
    border-left-color: var(--red);
}

    .tone-critical .alert-icon[b-lyfk5u0dy2],
    .tone-critical .tone-icon[b-lyfk5u0dy2] {
        color: var(--red);
    }

    .tone-critical .tone-tag[b-lyfk5u0dy2] {
        background: rgba(239, 68, 68, 0.16);
        color: #fca5a5;
    }

.tone-warning[b-lyfk5u0dy2] {
    border-left-color: var(--amber);
}

    .tone-warning .alert-icon[b-lyfk5u0dy2] {
        color: var(--amber);
    }

    .tone-warning .tone-tag[b-lyfk5u0dy2] {
        background: rgba(245, 158, 11, 0.16);
        color: #fcd34d;
    }

.tone-good[b-lyfk5u0dy2] {
    border-left-color: var(--green);
}

    .tone-good .alert-icon[b-lyfk5u0dy2] {
        color: var(--green);
    }

    .tone-good .tone-tag[b-lyfk5u0dy2] {
        background: rgba(16, 185, 129, 0.16);
        color: #6ee7b7;
    }

.tone-neutral[b-lyfk5u0dy2] {
    border-left-color: var(--slate);
}

    .tone-neutral .alert-icon[b-lyfk5u0dy2] {
        color: var(--text2);
    }

.kpi-grid[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.kpi[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    padding: 11px 13px;
    background: var(--card-inner);
    border: 1px solid var(--card-border);
    border-radius: 8px;
}

    .kpi.muted[b-lyfk5u0dy2] {
        opacity: 0.7;
    }

.kpi-label[b-lyfk5u0dy2] {
    font-size: 11px;
    color: var(--text2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kpi-value[b-lyfk5u0dy2] {
    font-size: 24px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.1;
    letter-spacing: -0.4px;
}

.kpi-hero .kpi-value[b-lyfk5u0dy2] {
    font-size: 30px;
    letter-spacing: -0.8px;
}

.kpi-sub[b-lyfk5u0dy2] {
    font-size: 10.5px;
    color: var(--text3);
    line-height: 1.4;
}

.kpi-foot[b-lyfk5u0dy2] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    min-height: 22px;
    margin-top: 2px;
}

.delta[b-lyfk5u0dy2] {
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.delta-good[b-lyfk5u0dy2] {
    color: #34d399;
}

.delta-bad[b-lyfk5u0dy2] {
    color: #f87171;
}

.delta-flat[b-lyfk5u0dy2] {
    color: var(--text3);
    font-weight: 500;
}

.spark[b-lyfk5u0dy2] {
    width: 88px;
    height: 22px;
    flex-shrink: 0;
    overflow: visible;
}

    .spark polyline[b-lyfk5u0dy2] {
        fill: none;
        stroke: #5b6275;
        stroke-width: 2;
        stroke-linejoin: round;
        stroke-linecap: round;
        vector-effect: non-scaling-stroke;
    }

    .spark circle[b-lyfk5u0dy2] {
        fill: var(--series-1);
        stroke: var(--card-inner);
        stroke-width: 2;
    }

.lifecycle[b-lyfk5u0dy2] {
    margin: 4px 0 16px;
}

.lifecycle-bar[b-lyfk5u0dy2] {
    display: flex;
    gap: 2px;
    height: 12px;
    border-radius: 6px;
    overflow: hidden;
    background: var(--card-inner);
}

.lc-seg[b-lyfk5u0dy2] {
    min-width: 3px;
    transition: flex-grow 0.3s ease;
}

.seg-active[b-lyfk5u0dy2] {
    background: var(--green);
}

.seg-cooling[b-lyfk5u0dy2] {
    background: var(--amber);
}

.seg-dormant[b-lyfk5u0dy2] {
    background: var(--blue);
}

.seg-churned[b-lyfk5u0dy2] {
    background: var(--red);
}

.seg-muted[b-lyfk5u0dy2] {
    background: var(--slate);
}

.seg-muted2[b-lyfk5u0dy2] {
    background: var(--slate-dark);
}

.lifecycle-legend[b-lyfk5u0dy2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 8px;
    font-size: 11.5px;
    color: var(--text2);
}

.lc-key[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .lc-key strong[b-lyfk5u0dy2] {
        color: var(--text);
        font-weight: 600;
    }

.lc-swatch[b-lyfk5u0dy2] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 3px;
}

.lc-hint[b-lyfk5u0dy2] {
    color: var(--text3);
    font-size: 10.5px;
}

.base-split[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 24px;
}

.fstep[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: 104px 1fr 56px 50px 44px;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    font-size: 12px;
}

    .fstep.compact[b-lyfk5u0dy2] {
        grid-template-columns: 96px 1fr 44px 40px;
        padding: 3px 0;
    }

.fstep-label[b-lyfk5u0dy2] {
    color: var(--text2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fstep-track[b-lyfk5u0dy2] {
    height: 10px;
    background: var(--card-inner);
    border-radius: 5px;
    overflow: hidden;
}

.fstep-fill[b-lyfk5u0dy2] {
    display: block;
    height: 100%;
    min-width: 2px;
    border-radius: 0 5px 5px 0;
    transition: width 0.3s ease;
}

.fstep-value[b-lyfk5u0dy2] {
    text-align: right;
    font-weight: 600;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.fstep-pct[b-lyfk5u0dy2],
.fstep-drop[b-lyfk5u0dy2] {
    text-align: right;
    font-size: 11px;
    color: var(--text3);
    font-variant-numeric: tabular-nums;
}

.mini-grid[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.mini[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    background: var(--card-inner);
    border: 1px solid var(--card-border);
    border-radius: 7px;
    min-width: 0;
}

    .mini.warn[b-lyfk5u0dy2] {
        border-color: rgba(245, 158, 11, 0.4);
    }

        .mini.warn .mini-value[b-lyfk5u0dy2] {
            color: var(--amber);
        }

.mini-value[b-lyfk5u0dy2] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
}

.mini-label[b-lyfk5u0dy2] {
    font-size: 10.5px;
    color: var(--text3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-creators[b-lyfk5u0dy2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0 4px;
}

.creator-chip[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 3px 9px;
    font-size: 11px;
    font-family: var(--font);
    color: var(--text2);
    background: transparent;
    border: 1px solid var(--card-border);
    border-radius: 12px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .creator-chip strong[b-lyfk5u0dy2] {
        color: var(--text);
    }

    .creator-chip:hover[b-lyfk5u0dy2] {
        border-color: var(--accent);
        color: var(--text);
    }

.erasure-title[b-lyfk5u0dy2] {
    margin-top: 14px;
}

.filter-row[b-lyfk5u0dy2] {
    position: sticky;
    top: -14px;
    z-index: 20;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 12px;
    margin: 4px 0 12px;
    border-radius: var(--radius);
    background: rgba(20, 23, 32, 0.92);
    border: 1px solid var(--card-border);
    backdrop-filter: blur(8px);
}

.filter-label[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
}

    .filter-label i[b-lyfk5u0dy2] {
        color: var(--accent);
    }

.segmented[b-lyfk5u0dy2] {
    display: inline-flex;
    padding: 2px;
    gap: 2px;
    background: var(--bg);
    border: 1px solid var(--card-border);
    border-radius: 7px;
}

.seg-btn[b-lyfk5u0dy2] {
    padding: 5px 12px;
    font-size: 11.5px;
    font-weight: 500;
    font-family: var(--font);
    color: var(--text2);
    background: transparent;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    .seg-btn:hover:not(.active)[b-lyfk5u0dy2] {
        color: var(--text);
        background: rgba(255, 255, 255, 0.04);
    }

    .seg-btn.active[b-lyfk5u0dy2] {
        color: #fff;
        background: var(--accent);
        font-weight: 600;
    }

.filter-scope[b-lyfk5u0dy2] {
    font-size: 11px;
    color: var(--text3);
}

.filter-row .copy-analysis-btn[b-lyfk5u0dy2] {
    float: none;
    margin-left: auto;
    padding: 5px 11px;
    font-size: 11px;
}

.sm-chart[b-lyfk5u0dy2] {
    width: 100%;
    margin-top: 6px;
}

    .sm-chart[b-lyfk5u0dy2]  .sm-hit {
        cursor: default;
    }

        .sm-chart[b-lyfk5u0dy2]  .sm-hit:hover {
            fill: rgba(255, 255, 255, 0.045);
        }

.chart-note[b-lyfk5u0dy2] {
    margin-top: 6px;
    font-size: 10.5px;
    color: var(--text3);
}

.signal-grid[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
    gap: 8px;
}

.signal[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 11px 13px;
    background: var(--card-inner);
    border: 1px solid var(--card-border);
    border-left-width: 3px;
    border-radius: 8px;
}

    .signal.tone-neutral[b-lyfk5u0dy2] {
        border-left-color: var(--card-border);
    }

    .signal.tone-critical[b-lyfk5u0dy2] {
        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(239, 68, 68, 0.03));
    }

    .signal.tone-warning[b-lyfk5u0dy2] {
        background: linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(245, 158, 11, 0.02));
    }

.signal-head[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    color: var(--text2);
    line-height: 1.3;
}

    .signal-head i[b-lyfk5u0dy2] {
        color: var(--text3);
        width: 13px;
        text-align: center;
    }

.signal.tone-critical .signal-head i[b-lyfk5u0dy2] {
    color: var(--red);
}

.signal.tone-warning .signal-head i[b-lyfk5u0dy2] {
    color: var(--amber);
}

.signal-value[b-lyfk5u0dy2] {
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.1;
}

.signal-sub[b-lyfk5u0dy2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    font-size: 10.5px;
    color: var(--text3);
}

.rate-strip[b-lyfk5u0dy2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    margin-top: 10px;
    padding: 8px 12px;
    font-size: 11.5px;
    color: var(--text2);
    background: var(--card-inner);
    border-radius: 7px;
}

    .rate-strip i[b-lyfk5u0dy2] {
        color: var(--text3);
        margin-right: 4px;
    }

    .rate-strip strong[b-lyfk5u0dy2] {
        color: var(--text);
    }

.safety-split[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 20px;
    margin-top: 16px;
}

.flag-table[b-lyfk5u0dy2],
.incident-list[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 330px;
    overflow-y: auto;
}

.flag-row[b-lyfk5u0dy2],
.incident[b-lyfk5u0dy2] {
    display: grid;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    text-align: left;
    font-family: var(--font);
    font-size: 12px;
    color: var(--text);
    background: var(--card-inner);
    border: 1px solid transparent;
    border-radius: 7px;
    cursor: pointer;
}

    .flag-row:hover[b-lyfk5u0dy2],
    .incident:hover[b-lyfk5u0dy2] {
        border-color: var(--card-border);
        background: var(--surface-hover);
    }

.flag-row[b-lyfk5u0dy2] {
    grid-template-columns: minmax(120px, 1.2fr) 2fr auto auto;
}

.flag-name[b-lyfk5u0dy2] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .flag-name i[b-lyfk5u0dy2] {
        color: var(--text3);
        margin-right: 4px;
    }

.repeat-badge[b-lyfk5u0dy2] {
    margin-left: 6px;
    padding: 1px 6px;
    font-size: 9.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.16);
    border-radius: 4px;
}

.flag-types[b-lyfk5u0dy2] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.type-chip[b-lyfk5u0dy2] {
    font-size: 10.5px;
    padding: 1px 7px;
    border-radius: 10px;
    color: var(--text2);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--card-border);
    white-space: nowrap;
}

.flag-status[b-lyfk5u0dy2],
.flag-last[b-lyfk5u0dy2] {
    font-size: 10.5px;
    color: var(--text3);
    white-space: nowrap;
}

.incident[b-lyfk5u0dy2] {
    grid-template-columns: 82px auto 1fr;
    grid-template-areas:
        "time type who"
        "where where where"
        "ctx ctx ctx";
    row-gap: 3px;
}

.incident-time[b-lyfk5u0dy2] {
    grid-area: time;
    font-size: 10.5px;
    color: var(--text3);
    font-variant-numeric: tabular-nums;
}

.incident-type[b-lyfk5u0dy2] {
    grid-area: type;
    justify-self: start;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 2px 7px;
    border-radius: 4px;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.14);
}

.incident-who[b-lyfk5u0dy2] {
    grid-area: who;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.incident-status[b-lyfk5u0dy2] {
    font-weight: 400;
    font-size: 10.5px;
    color: var(--text3);
    margin-left: 6px;
}

.incident-where[b-lyfk5u0dy2] {
    grid-area: where;
    font-size: 11px;
    color: var(--text2);
}

.incident-context[b-lyfk5u0dy2] {
    grid-area: ctx;
    font-size: 11px;
    color: var(--text3);
    font-family: 'SF Mono', 'Consolas', monospace;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.funnel-grid[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 10px;
}

.funnel-card[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 12px 13px;
    background: var(--card-inner);
    border: 1px solid var(--card-border);
    border-radius: 9px;
}

    .funnel-card.is-empty[b-lyfk5u0dy2] {
        opacity: 0.55;
    }

.funnel-head[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
    cursor: help;
}

.funnel-title[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text);
}

    .funnel-title i[b-lyfk5u0dy2] {
        color: var(--text3);
        font-size: 11px;
    }

.funnel-conv[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--text);
}

    .funnel-conv.conv-bad[b-lyfk5u0dy2] {
        color: #fca5a5;
    }

.conv-prev[b-lyfk5u0dy2] {
    font-size: 10.5px;
    font-weight: 400;
    color: var(--text3);
}

.funnel-empty[b-lyfk5u0dy2] {
    padding: 6px 0;
    font-size: 11.5px;
    color: var(--text3);
}

.funnel-side[b-lyfk5u0dy2] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--card-border);
}

.side-chip[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 8px;
    font-size: 10.5px;
    color: var(--text2);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--card-border);
    border-radius: 10px;
}

    .side-chip strong[b-lyfk5u0dy2] {
        color: var(--text);
    }

    .side-chip.tone-critical[b-lyfk5u0dy2] {
        color: #fca5a5;
        border-color: rgba(239, 68, 68, 0.45);
        background: rgba(239, 68, 68, 0.08);
    }

    .side-chip.tone-warning[b-lyfk5u0dy2] {
        color: #fcd34d;
        border-color: rgba(245, 158, 11, 0.45);
    }

.metric-table[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
}

.mt-row[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 62px 62px 68px;
    align-items: center;
    gap: 8px;
    padding: 6px 6px;
    font-size: 12px;
    border-bottom: 1px solid rgba(42, 45, 58, 0.55);
    border-left: 2px solid transparent;
}

    .mt-row:last-child[b-lyfk5u0dy2] {
        border-bottom: none;
    }

.mt-head[b-lyfk5u0dy2] {
    padding-top: 0;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--text3);
    border-bottom: 1px solid var(--card-border);
}

.mt-name[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .mt-name i[b-lyfk5u0dy2] {
        width: 14px;
        text-align: center;
        font-size: 11px;
        color: var(--text3);
    }

.mt-row .num[b-lyfk5u0dy2] {
    text-align: right;
    color: var(--text2);
    font-variant-numeric: tabular-nums;
}

    .mt-row .num:nth-child(2)[b-lyfk5u0dy2] {
        color: var(--text);
        font-weight: 600;
    }

.mt-row.is-zero[b-lyfk5u0dy2] {
    opacity: 0.42;
}

.mt-row.tone-critical[b-lyfk5u0dy2] {
    background: rgba(239, 68, 68, 0.07);
    border-left-color: var(--red);
    opacity: 1;
}

    .mt-row.tone-critical .mt-name i[b-lyfk5u0dy2] {
        color: var(--red);
    }

.mt-row.tone-warning[b-lyfk5u0dy2] {
    border-left-color: var(--amber);
}

.mt-row.tone-neutral[b-lyfk5u0dy2] {
    border-left-color: transparent;
}

.mt-row .tone-tag[b-lyfk5u0dy2] {
    margin: 0 0 0 4px;
}

.ctx-title[b-lyfk5u0dy2] {
    margin-top: 16px;
}

.ctx-row[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) 1fr 44px;
    align-items: center;
    gap: 8px;
    padding: 3px 0;
    font-size: 11.5px;
}

.ctx-name[b-lyfk5u0dy2] {
    color: var(--text2);
    font-family: 'SF Mono', 'Consolas', monospace;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ctx-track[b-lyfk5u0dy2] {
    height: 8px;
    background: var(--card-inner);
    border-radius: 4px;
    overflow: hidden;
}

.ctx-fill[b-lyfk5u0dy2] {
    display: block;
    height: 100%;
    min-width: 2px;
    background: var(--series-1);
    border-radius: 0 4px 4px 0;
}

.ctx-count[b-lyfk5u0dy2] {
    text-align: right;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.visitor-split[b-lyfk5u0dy2] {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 24px;
}

.depth-bar[b-lyfk5u0dy2] {
    height: 14px;
}

.newsletter-title[b-lyfk5u0dy2] {
    margin-top: 16px;
}

.article-table-scroll[b-lyfk5u0dy2] {
    max-height: 380px;
}

.backlog[b-lyfk5u0dy2] {
    margin: 4px 0 18px;
    border: 1px dashed var(--card-border);
    border-radius: var(--radius);
    background: rgba(26, 29, 39, 0.5);
}

    .backlog summary[b-lyfk5u0dy2] {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 14px;
        font-size: 12px;
        font-weight: 600;
        color: var(--text2);
        cursor: pointer;
        list-style: none;
    }

        .backlog summary[b-lyfk5u0dy2]::-webkit-details-marker {
            display: none;
        }

        .backlog summary i[b-lyfk5u0dy2] {
            color: var(--text3);
        }

.backlog-body[b-lyfk5u0dy2] {
    display: grid;
    gap: 8px;
    padding: 0 14px 12px;
}

.backlog-item[b-lyfk5u0dy2] {
    font-size: 11.5px;
    line-height: 1.55;
    color: var(--text2);
}

    .backlog-item strong[b-lyfk5u0dy2] {
        color: var(--text);
        margin-right: 4px;
    }

.mock-badge[b-lyfk5u0dy2] {
    display: inline-block;
    padding: 1px 6px;
    margin-right: 6px;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-radius: 4px;
    color: #fcd34d;
    background: rgba(245, 158, 11, 0.16);
}

.users-panel.people-tab[b-lyfk5u0dy2] {
    position: relative;
    top: auto;
    z-index: auto;
    height: calc(100vh - var(--toolbar-h) - 96px);
    min-height: 540px;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
}

.people-card[b-lyfk5u0dy2] {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 0;
    overflow: hidden;
}

.people-head[b-lyfk5u0dy2] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.people-count[b-lyfk5u0dy2] {
    font-size: 11px;
    color: var(--text3);
}

.people-filters[b-lyfk5u0dy2] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 6px;
}

.pf-chip[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    font-size: 11px;
    font-family: var(--font);
    color: var(--text2);
    background: transparent;
    border: 1px solid var(--card-border);
    border-radius: 12px;
    cursor: pointer;
}

    .pf-chip i[b-lyfk5u0dy2] {
        font-size: 10px;
    }

.pf-count[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
    font-variant-numeric: tabular-nums;
}

.pf-chip.active[b-lyfk5u0dy2] {
    color: #fff;
    background: rgba(99, 102, 241, 0.22);
    border-color: var(--accent);
}

    .pf-chip.active .pf-count[b-lyfk5u0dy2] {
        color: #c7d2fe;
    }

.pf-chip:hover:not(.active)[b-lyfk5u0dy2] {
    color: var(--text);
    border-color: var(--text3);
}

.user-sort-bar .sort-btn[b-lyfk5u0dy2] {
    font-size: 10px;
    padding: 4px 6px;
}

@media (min-width: 1101px) {
    .user-table-header[b-lyfk5u0dy2],
    .user-table-row[b-lyfk5u0dy2] {
        grid-template-columns: 26px minmax(0, 1.5fr) 40px 70px 20px 36px 46px 24px 22px 40px 46px 40px;
    }
}

.ucol-flags[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    font-size: 10px;
}

.flag-icon-safety[b-lyfk5u0dy2] {
    color: var(--red);
}

.flag-icon-limit[b-lyfk5u0dy2] {
    color: var(--amber);
}

.user-table-row.flagged-row[b-lyfk5u0dy2] {
    box-shadow: inset 2px 0 0 rgba(239, 68, 68, 0.55);
}

.exp-estimated[b-lyfk5u0dy2] {
    opacity: 0.75;
    font-style: italic;
}

.state-neutral[b-lyfk5u0dy2] {
    background: var(--slate);
}

.show-more[b-lyfk5u0dy2] {
    display: block;
    margin: 10px auto 6px;
    padding: 6px 14px;
    font-size: 11px;
    font-family: var(--font);
    color: var(--text2);
    background: var(--card-inner);
    border: 1px solid var(--card-border);
    border-radius: 7px;
    cursor: pointer;
}

    .show-more:hover[b-lyfk5u0dy2] {
        color: var(--text);
        border-color: var(--text3);
    }

.journey-asof[b-lyfk5u0dy2] {
    margin: -6px 0 8px;
    font-size: 10.5px;
    color: var(--text3);
}

.safety-banner[b-lyfk5u0dy2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 7px 10px;
    margin: 0 0 8px;
    font-size: 11.5px;
    color: #fecaca;
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.28);
    border-radius: 7px;
}

    .safety-banner .limit-note[b-lyfk5u0dy2] {
        color: #fcd34d;
    }

.banner-btn[b-lyfk5u0dy2] {
    margin-left: auto;
    padding: 3px 9px;
    font-size: 10.5px;
    font-family: var(--font);
    color: var(--text);
    background: transparent;
    border: 1px solid rgba(239, 68, 68, 0.4);
    border-radius: 6px;
    cursor: pointer;
}

.evt-row.safety[b-lyfk5u0dy2] {
    border-left-color: var(--red);
    background: rgba(239, 68, 68, 0.07);
}

    .evt-row.safety .evt-icon[b-lyfk5u0dy2],
    .evt-row.safety .evt-type[b-lyfk5u0dy2] {
        color: #fca5a5;
    }

.evt-row.purchase[b-lyfk5u0dy2] {
    border-left-color: var(--series-1);
}

    .evt-row.purchase .evt-icon[b-lyfk5u0dy2] {
        color: var(--series-1);
    }

.evt-row.limit[b-lyfk5u0dy2] {
    border-left-color: var(--amber);
}

    .evt-row.limit .evt-icon[b-lyfk5u0dy2] {
        color: var(--amber);
    }

.evt-row.critical.safety[b-lyfk5u0dy2] {
    background: rgba(239, 68, 68, 0.13);
    border-left-color: var(--red);
}

.evt-row.pre-signup .evt-time[b-lyfk5u0dy2]::before {
    content: 'pre · ';
    color: var(--accent);
}

.evt-row.tier-milestone[b-lyfk5u0dy2] {
    border-left: 4px solid var(--green);
    background: rgba(16, 185, 129, 0.08);
    font-weight: 600;
}

    .evt-row.tier-milestone .evt-icon[b-lyfk5u0dy2],
    .evt-row.tier-milestone .evt-type[b-lyfk5u0dy2] {
        color: var(--green);
    }

    .evt-row.tier-milestone.is-first .evt-type[b-lyfk5u0dy2]::before {
        content: "\2605\00a0";
        color: var(--amber);
    }

.evt-row.tier-commerce[b-lyfk5u0dy2] {
    border-left: 4px solid var(--series-1);
    background: rgba(57, 135, 229, 0.07);
}

    .evt-row.tier-commerce .evt-icon[b-lyfk5u0dy2],
    .evt-row.tier-commerce .evt-type[b-lyfk5u0dy2] {
        color: #7fb2f0;
    }

.evt-row.tier-risk[b-lyfk5u0dy2] {
    border-left: 4px solid var(--red);
    background: rgba(239, 68, 68, 0.09);
    font-weight: 600;
}

    .evt-row.tier-risk .evt-icon[b-lyfk5u0dy2],
    .evt-row.tier-risk .evt-type[b-lyfk5u0dy2] {
        color: #fca5a5;
    }

.evt-row.tier-note[b-lyfk5u0dy2] {
    border-left: 4px solid var(--accent);
    background: rgba(99, 102, 241, 0.08);
}

.evt-row.tier-quiet[b-lyfk5u0dy2] {
    opacity: 0.6;
    min-height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 10.5px;
}

    .evt-row.tier-quiet:hover[b-lyfk5u0dy2] {
        opacity: 1;
    }

.evt-row.dropoff-highlight[class*="tier-"][b-lyfk5u0dy2] {
    box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.45);
}

.journey-moments[b-lyfk5u0dy2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0 8px;
}

.moment[b-lyfk5u0dy2] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: 999px;
    border: 1px solid var(--card-border);
    background: var(--card-inner);
    color: var(--text2);
    font-size: 11px;
    line-height: 16px;
    white-space: nowrap;
}

    .moment i[b-lyfk5u0dy2] {
        font-size: 10px;
    }

    .moment.is-reached[b-lyfk5u0dy2],
    .moment.is-good[b-lyfk5u0dy2] {
        border-color: rgba(16, 185, 129, 0.45);
        color: var(--text);
    }

        .moment.is-reached i[b-lyfk5u0dy2],
        .moment.is-good i[b-lyfk5u0dy2] {
            color: var(--green);
        }

    .moment.is-missing[b-lyfk5u0dy2] {
        border-style: dashed;
        opacity: 0.5;
    }

    .moment.is-next[b-lyfk5u0dy2] {
        border-color: var(--amber);
        color: var(--text);
        opacity: 1;
    }

        .moment.is-next i[b-lyfk5u0dy2] {
            color: var(--amber);
        }

    .moment.is-commerce[b-lyfk5u0dy2] {
        border-color: rgba(57, 135, 229, 0.5);
        color: var(--text);
    }

        .moment.is-commerce i[b-lyfk5u0dy2] {
            color: var(--series-1);
        }

    .moment.is-risk[b-lyfk5u0dy2] {
        border-color: rgba(239, 68, 68, 0.55);
        color: #fca5a5;
    }

        .moment.is-risk i[b-lyfk5u0dy2] {
            color: var(--red);
        }

    .moment.is-neutral i[b-lyfk5u0dy2] {
        color: var(--accent);
    }

.moment-count[b-lyfk5u0dy2],
.moment-gap[b-lyfk5u0dy2] {
    font-size: 10px;
    color: var(--text3);
}

@media (max-width: 1100px) {
    .base-split[b-lyfk5u0dy2],
    .safety-split[b-lyfk5u0dy2],
    .visitor-split[b-lyfk5u0dy2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .users-panel.people-tab[b-lyfk5u0dy2] {
        height: auto;
        grid-template-columns: 1fr;
    }

    .filter-row[b-lyfk5u0dy2] {
        position: relative;
        top: 0;
    }

        .filter-row .copy-analysis-btn[b-lyfk5u0dy2] {
            margin-left: 0;
        }

    .mini-grid[b-lyfk5u0dy2] {
        grid-template-columns: repeat(2, 1fr);
    }

    .alert-list[b-lyfk5u0dy2] {
        grid-template-columns: 1fr;
    }

    .tabs[b-lyfk5u0dy2] {
        order: -1;
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 600px) {
    .fstep[b-lyfk5u0dy2] {
        grid-template-columns: 84px 1fr 44px 40px;
    }

    .fstep-drop[b-lyfk5u0dy2] {
        display: none;
    }

    .kpi-grid[b-lyfk5u0dy2] {
        grid-template-columns: repeat(2, 1fr);
    }

    .flag-row[b-lyfk5u0dy2] {
        grid-template-columns: 1fr auto;
    }

    .flag-types[b-lyfk5u0dy2],
    .flag-status[b-lyfk5u0dy2] {
        display: none;
    }
}
/* /Components/SignInEmail.razor.rz.scp.css */
.mle-shell[b-o1v6yavgf7] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    background: radial-gradient(ellipse at 20% 10%, rgba(240, 12, 113, 0.05) 0%, transparent 55%), radial-gradient(ellipse at 80% 90%, rgba(240, 12, 113, 0.04) 0%, transparent 60%), #f3f0ec;
    font-family: var(--font-family-primary, 'Inter', system-ui, sans-serif);
    color: var(--ink, #0f172a);
}

.mle-card[b-o1v6yavgf7] {
    max-width: 440px;
    width: 100%;
    background: #ffffff;
    border-radius: var(--radius-xl, 1rem);
    padding: 52px 44px 44px;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.03), 0 1px 2px rgba(15, 23, 42, 0.04), 0 16px 48px rgba(15, 23, 42, 0.09);
    text-align: center;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 320ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.mle-card--entered[b-o1v6yavgf7] {
    opacity: 1;
    transform: translateY(0);
}

.mle-logo-link[b-o1v6yavgf7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    text-decoration: none;
    transition: transform 0.18s ease, opacity 0.2s ease;
    padding: 4px;
    border-radius: 4px;
}

    .mle-logo-link:hover[b-o1v6yavgf7] {
        transform: translateY(-1px);
        opacity: 0.85;
    }

    .mle-logo-link:focus-visible[b-o1v6yavgf7] {
        outline: 2px solid var(--accent, #f00c71);
        outline-offset: 4px;
    }

.mle-logo[b-o1v6yavgf7] {
    height: 32px;
    width: auto;
    display: block;
}

.mle-tagline[b-o1v6yavgf7] {
    font-family: 'Space Grotesk', var(--font-family-primary), system-ui, sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ink-5, #64748b);
    margin: 0 0 36px;
}

.mle-icon[b-o1v6yavgf7] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    font-size: 24px;
    position: relative;
    z-index: 1;
}

    .mle-icon[b-o1v6yavgf7]::before {
        content: '';
        position: absolute;
        inset: -6px;
        border-radius: 50%;
        opacity: 0.5;
        z-index: -1;
    }

.mle-icon--success[b-o1v6yavgf7] {
    background: var(--success-surface, #f0fdf4);
    color: var(--success, #16a34a);
}

    .mle-icon--success[b-o1v6yavgf7]::before {
        background: var(--success-border, #dcfce7);
    }

.mle-icon--pause[b-o1v6yavgf7] {
    background: var(--warning-surface, #fffbeb);
    color: var(--warning-dark, #b45309);
}

    .mle-icon--pause[b-o1v6yavgf7]::before {
        background: var(--warning-border, #fde68a);
    }

.mle-title[b-o1v6yavgf7] {
    font-family: 'Space Grotesk', var(--font-family-primary), system-ui, sans-serif;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 0 0 12px;
    color: var(--ink, #0f172a);
}

.mle-body[b-o1v6yavgf7] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--ink-4, #475569);
    margin: 0 auto 28px;
    max-width: 360px;
}

.mle-body-secondary[b-o1v6yavgf7] {
    font-size: 0.85rem;
    line-height: 1.55;
    color: var(--ink-5, #64748b);
    margin: 0 auto 28px;
    max-width: 360px;
}

.mle-email-pill[b-o1v6yavgf7] {
    display: inline-block;
    font-family: 'Space Grotesk', var(--font-family-primary), system-ui, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: var(--ink, #0f172a);
    background: var(--accent-subtle, rgba(240, 12, 113, 0.08));
    border: 1px solid var(--accent-border, rgba(240, 12, 113, 0.2));
    padding: 8px 16px;
    border-radius: 999px;
    margin: 4px 0 14px;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

    .mle-email-pill strong[b-o1v6yavgf7] {
        font-weight: 500;
    }

.mle-form[b-o1v6yavgf7] {
    display: block;
    margin-bottom: 24px;
    text-align: center;
}

.mle-field[b-o1v6yavgf7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 4px;
}

.mle-label[b-o1v6yavgf7] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--ink-5, #64748b);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
}

.mle-input[b-o1v6yavgf7] {
    width: 100%;
    padding: 14px 16px;
    font-size: 1rem;
    font-weight: 500;
    font-family: 'Space Grotesk', var(--font-family-primary), system-ui, sans-serif;
    text-align: center;
    color: var(--ink, #0f172a);
    background: #ffffff;
    border: 1.5px solid var(--border-strong, #d0d5dd);
    border-radius: 12px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    outline: none;
    box-sizing: border-box;
}

    .mle-input[b-o1v6yavgf7]::placeholder {
        color: var(--ink-6, #94a3b8);
    }

    .mle-input:hover:not(:disabled):not(:focus)[b-o1v6yavgf7] {
        border-color: var(--ink-5, #64748b);
    }

    .mle-input:focus[b-o1v6yavgf7] {
        border-color: var(--accent, #f00c71);
        box-shadow: 0 0 0 4px var(--accent-shadow, rgba(240, 12, 113, 0.12));
    }

    .mle-input:disabled[b-o1v6yavgf7] {
        opacity: 0.55;
        cursor: not-allowed;
        background: #fafafa;
    }

.mle-input--error[b-o1v6yavgf7] {
    border-color: var(--danger, #dc2626);
}

    .mle-input--error:focus[b-o1v6yavgf7] {
        border-color: var(--danger, #dc2626);
        box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.10);
    }

.mle-validation[b-o1v6yavgf7] {
    display: block;
    font-size: 0.8rem;
    color: var(--danger, #dc2626);
    margin-top: 6px;
    text-align: center;
}

.mle-hp[b-o1v6yavgf7] {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.mle-divider[b-o1v6yavgf7] {
    position: relative;
    margin: 28px 0 16px;
    text-align: center;
    height: 1px;
    background: var(--border-color, #e8eaed);
}

    .mle-divider span[b-o1v6yavgf7] {
        position: relative;
        top: -10px;
        display: inline-block;
        padding: 0 14px;
        background: #ffffff;
        font-size: 0.7rem;
        color: var(--ink-5, #64748b);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-weight: 600;
    }

.mle-btn[b-o1v6yavgf7] {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 999px;
    font-family: var(--font-family-primary, 'Inter', system-ui, sans-serif);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease, background 0.25s ease, opacity 0.25s ease;
    appearance: none;
    border: none;
    outline: none;
    margin-bottom: 10px;
    box-sizing: border-box;
    letter-spacing: -0.005em;
}

    .mle-btn:last-child[b-o1v6yavgf7] {
        margin-bottom: 0;
    }

    .mle-btn:focus-visible[b-o1v6yavgf7] {
        outline: 2px solid var(--accent, #f00c71);
        outline-offset: 3px;
    }

    .mle-btn i[b-o1v6yavgf7] {
        font-size: 0.95em;
        opacity: 0.9;
    }

.mle-btn--primary[b-o1v6yavgf7] {
    color: #ffffff;
    background: var(--gradient-cta, linear-gradient(135deg, #f4089b 0%, #c80670 100%));
    box-shadow: var(--accent-glow-sm, 0 4px 16px rgba(240, 12, 113, 0.2));
}

    .mle-btn--primary:hover:not(:disabled)[b-o1v6yavgf7] {
        transform: translateY(-1px);
        box-shadow: var(--accent-glow, 0 4px 20px rgba(240, 12, 113, 0.3), 0 0 0 1px rgba(240, 12, 113, 0.1));
    }

    .mle-btn--primary:active:not(:disabled)[b-o1v6yavgf7] {
        transform: translateY(0);
        box-shadow: 0 2px 8px rgba(240, 12, 113, 0.24);
    }

    .mle-btn--primary:disabled[b-o1v6yavgf7] {
        opacity: 0.55;
        cursor: not-allowed;
        box-shadow: none;
    }

.mle-btn--ghost[b-o1v6yavgf7] {
    color: var(--ink-2, #1e293b);
    background: transparent;
    border: 1.5px solid var(--border-strong, #d0d5dd);
}

    .mle-btn--ghost:hover:not(:disabled)[b-o1v6yavgf7] {
        border-color: var(--ink-3, #334155);
        background: var(--surface, #f8f9fa);
        transform: translateY(-1px);
    }

    .mle-btn--ghost:active:not(:disabled)[b-o1v6yavgf7] {
        transform: translateY(0);
    }

    .mle-btn--ghost:disabled[b-o1v6yavgf7] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.mle-btn--submit[b-o1v6yavgf7] {
    margin-top: 22px;
}

.mle-btn-label[b-o1v6yavgf7] {
    display: inline-block;
}

.mle-spinner[b-o1v6yavgf7] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: mle-spin-b-o1v6yavgf7 0.7s linear infinite;
    flex-shrink: 0;
}

.mle-btn.is-processing[b-o1v6yavgf7] {
    cursor: wait;
}

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

.mle-link-quiet[b-o1v6yavgf7] {
    display: inline-block;
    margin-top: 10px;
    font-size: 0.85rem;
    color: var(--ink-5, #64748b);
    text-decoration: none;
    transition: color 0.2s ease;
}

    .mle-link-quiet:hover[b-o1v6yavgf7] {
        color: var(--accent, #f00c71);
    }

    .mle-link-quiet:focus-visible[b-o1v6yavgf7] {
        outline: 2px solid var(--accent, #f00c71);
        outline-offset: 2px;
        border-radius: 4px;
    }

@media (max-width: 480px) {
    .mle-shell[b-o1v6yavgf7] {
        padding: 20px 16px;
    }

    .mle-card[b-o1v6yavgf7] {
        padding: 40px 26px 32px;
        border-radius: 12px;
    }

    .mle-title[b-o1v6yavgf7] {
        font-size: 1.45rem;
    }

    .mle-body[b-o1v6yavgf7] {
        font-size: 0.9rem;
    }

    .mle-logo-link[b-o1v6yavgf7] {
        margin-bottom: 12px;
    }

    .mle-tagline[b-o1v6yavgf7] {
        font-size: 0.66rem;
        letter-spacing: 0.14em;
        margin-bottom: 30px;
    }
}
/* /Problem Radar/RadarAdmin.razor.rz.scp.css */
.ra[b-g7tk59276z], .ra-wait[b-g7tk59276z], .ra-nf[b-g7tk59276z] {
    --ra-ink: var(--text-heading, #0A191D);
    --ra-text: var(--text-primary, #14252B);
    --ra-ink-2: var(--text-secondary, #3F4B50);
    --ra-ink-3: var(--text-tertiary, #6B7680);
    --ra-sheet: var(--background-primary, #FFFFFF);
    --ra-sheet-2: var(--background-secondary, #FAF8F4);
    --ra-rule: var(--border-color, #E2DCD3);
    --ra-rule-2: color-mix(in srgb, var(--ra-rule) 60%, var(--ra-sheet));
    --ra-gold: #F2B544;
    --ra-gold-tint: #FFF6DF;
    --ra-gold-ink: #7A4B00;
    --ra-ok: #1A7A52;
    --ra-ok-tint: #DDEFE5;
    --ra-warn: #8A5A00;
    --ra-warn-tint: #FBF1DA;
    --ra-bad: #B8163F;
    --ra-bad-tint: #F8DFE6;
    --ra-f-display: "Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --ra-f-ui: var(--font-family-primary, "IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif);
    --ra-f-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --ra-f-serif: "Source Serif 4", "Source Serif Pro", "IBM Plex Serif", Georgia, "Times New Roman", serif;
    font-family: var(--ra-f-ui);
    font-size: 14px;
    line-height: 1.5;
    color: var(--ra-text);
    font-variant-numeric: tabular-nums;
}

.ra[b-g7tk59276z] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.ra-wrap[b-g7tk59276z] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 72px 40px 80px;
}

.ra-wait[b-g7tk59276z], .ra-nf[b-g7tk59276z] {
    padding: 72px 40px;
    color: var(--ra-ink-2);
}

    .ra-nf p[b-g7tk59276z] {
        margin: 0 0 .25rem;
    }

.ra *[b-g7tk59276z], .ra *[b-g7tk59276z]::before, .ra *[b-g7tk59276z]::after {
    box-sizing: border-box;
}

.ra p[b-g7tk59276z] {
    margin: 0;
}

.ra ul[b-g7tk59276z], .ra ol[b-g7tk59276z] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ra label[b-g7tk59276z] {
    display: block;
    margin: 0;
    font: inherit;
}

.ra small[b-g7tk59276z] {
    font-size: .76rem;
    font-weight: 400;
    color: var(--ra-ink-3);
}

.ra a[b-g7tk59276z] {
    color: var(--ra-ink);
    text-decoration: underline;
    text-decoration-color: var(--ra-rule);
    text-underline-offset: 2px;
}

    .ra a:hover[b-g7tk59276z] {
        text-decoration-color: var(--ra-gold);
    }

.ra code[b-g7tk59276z] {
    font-family: var(--ra-f-mono);
    font-size: .78em;
    padding: .05rem .35rem;
    border-radius: 4px;
    background: var(--ra-rule-2);
    color: var(--ra-ink-2);
}

.ra input[b-g7tk59276z], .ra select[b-g7tk59276z], .ra textarea[b-g7tk59276z] {
    display: block;
    width: 100%;
    min-height: 36px;
    margin: 0;
    padding: .4rem .65rem;
    font: inherit;
    line-height: 1.4;
    color: var(--ra-text);
    background: var(--ra-sheet);
    border: 1px solid var(--ra-rule);
    border-radius: 8px;
    transition: border-color .12s, box-shadow .12s;
}

    .ra input[b-g7tk59276z]::placeholder, .ra textarea[b-g7tk59276z]::placeholder {
        color: #9AA3AB;
    }

    .ra input:focus[b-g7tk59276z], .ra select:focus[b-g7tk59276z], .ra textarea:focus[b-g7tk59276z] {
        outline: none;
        border-color: var(--ra-gold);
        box-shadow: 0 0 0 3px var(--ra-gold-tint);
    }

    .ra input:disabled[b-g7tk59276z], .ra select:disabled[b-g7tk59276z], .ra textarea:disabled[b-g7tk59276z] {
        background: var(--ra-sheet-2);
        color: var(--ra-ink-2);
    }

.ra select[b-g7tk59276z] {
    appearance: none;
    padding-right: 2rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%230A191D' stroke-width='1.6'/></svg>");
    background-repeat: no-repeat;
    background-position: right .7rem center;
    cursor: pointer;
}

.ra textarea[b-g7tk59276z] {
    min-height: 5.5rem;
    resize: vertical;
    field-sizing: content;
}

.ra input[type="checkbox"][b-g7tk59276z] {
    display: inline-block;
    width: 16px;
    height: 16px;
    min-height: 0;
    padding: 0;
    margin: 0;
    accent-color: var(--ra-ink);
    cursor: pointer;
}

.ra button[b-g7tk59276z] {
    font-family: inherit;
}

.ra-top[b-g7tk59276z] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: .75rem 2rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--ra-rule);
}

.ra-brand[b-g7tk59276z] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

    .ra-brand span[b-g7tk59276z] {
        font-family: var(--ra-f-display);
        font-size: .7rem;
        font-weight: 700;
        letter-spacing: .16em;
        text-transform: uppercase;
        color: var(--ra-gold-ink);
    }

    .ra-brand b[b-g7tk59276z] {
        font-family: var(--ra-f-display);
        font-size: 1.65rem;
        font-weight: 700;
        letter-spacing: -.01em;
        line-height: 1.1;
        color: var(--ra-ink);
    }

.ra-status[b-g7tk59276z] {
    flex: 1 1 18rem;
    font-size: .85rem;
    color: var(--ra-ink-3);
    padding-bottom: .2rem;
}

.ra-msg[b-g7tk59276z], .ra-err[b-g7tk59276z] {
    margin-bottom: 1rem;
    padding: .6rem .9rem;
    border-radius: 0 8px 8px 0;
    border-left: 3px solid;
    font-size: .9rem;
}

.ra-msg[b-g7tk59276z] {
    background: var(--ra-ok-tint);
    border-color: var(--ra-ok);
    color: var(--ra-ok);
    font-weight: 500;
}

.ra-err[b-g7tk59276z] {
    background: var(--ra-bad-tint);
    border-color: var(--ra-bad);
    color: var(--ra-bad);
}

    .ra-err p + p[b-g7tk59276z] {
        margin-top: .25rem;
    }

.ra-dim[b-g7tk59276z] {
    color: var(--ra-ink-3);
}

.ra-interest[b-g7tk59276z] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .35rem 1.1rem;
    margin: 0 0 1.1rem;
    padding: .7rem 1rem;
    border: 1px solid var(--ra-rule-2);
    border-radius: 10px;
    background: var(--ra-sheet);
    font-size: .85rem;
    color: var(--ra-ink-2);
}

    .ra-interest b[b-g7tk59276z] {
        font-family: var(--ra-f-mono);
        font-weight: 600;
        color: var(--ra-ink);
        margin-right: .15rem;
    }

.ra-interest-l[b-g7tk59276z] {
    font-weight: 600;
    color: var(--ra-ink);
    letter-spacing: .01em;
}

.ra-interest-s[b-g7tk59276z] {
    flex: 1 1 14rem;
    text-align: right;
    color: var(--ra-ink-3);
}

.ra-int[b-g7tk59276z] {
    color: var(--ra-ink-3);
}

.ra-ok[b-g7tk59276z] {
    color: var(--ra-ok);
    font-weight: 600;
}

.ra-warn[b-g7tk59276z] {
    color: var(--ra-warn);
    font-weight: 600;
}

.ra-bad[b-g7tk59276z] {
    color: var(--ra-bad);
    font-weight: 600;
}

.ra-nowrap[b-g7tk59276z] {
    white-space: nowrap;
}

.ra-tabs[b-g7tk59276z] {
    display: flex;
    gap: .25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--ra-rule);
}

.ra-tab[b-g7tk59276z] {
    padding: .55rem .9rem;
    margin-bottom: -1px;
    font-family: var(--ra-f-display);
    font-size: .9rem;
    font-weight: 600;
    color: var(--ra-ink-3);
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: color .12s, border-color .12s;
}

    .ra-tab:hover[b-g7tk59276z] {
        color: var(--ra-ink);
    }

    .ra-tab.is-on[b-g7tk59276z] {
        color: var(--ra-ink);
        border-bottom-color: var(--ra-gold);
    }

.ra-btn[b-g7tk59276z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 34px;
    padding: .35rem .8rem;
    font-family: var(--ra-f-display);
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 1.2;
    color: var(--ra-ink);
    background: var(--ra-sheet);
    border: 1px solid var(--ra-rule);
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color .12s, background .12s, color .12s;
}

    .ra-btn:hover:not(:disabled)[b-g7tk59276z] {
        border-color: var(--ra-ink);
    }

    .ra-btn:disabled[b-g7tk59276z] {
        opacity: .45;
        cursor: default;
    }

.ra-btn--go[b-g7tk59276z] {
    background: var(--ra-ink);
    border-color: var(--ra-ink);
    color: #fff;
}

    .ra-btn--go:hover:not(:disabled)[b-g7tk59276z] {
        background: #1B3034;
        border-color: #1B3034;
    }

.ra-btn--bad[b-g7tk59276z] {
    color: var(--ra-bad);
    border-color: color-mix(in srgb, var(--ra-bad) 40%, var(--ra-rule));
}

    .ra-btn--bad:hover:not(:disabled)[b-g7tk59276z] {
        background: var(--ra-bad-tint);
        border-color: var(--ra-bad);
    }

.ra-btn--quiet[b-g7tk59276z] {
    padding-inline: .55rem;
    color: var(--ra-ink-2);
    background: transparent;
    border-color: transparent;
}

    .ra-btn--quiet:hover:not(:disabled)[b-g7tk59276z] {
        color: var(--ra-ink);
        background: var(--ra-rule-2);
        border-color: transparent;
    }

.ra-split[b-g7tk59276z] {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}

.ra-list[b-g7tk59276z] {
    position: sticky;
    top: 64px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 88px);
    min-width: 0;
}

.ra-editor[b-g7tk59276z] {
    min-width: 0;
    padding: 1.25rem 1.5rem 1.5rem;
    background: var(--ra-sheet);
    border: 1px solid var(--ra-rule);
    border-radius: 12px;
}

    .ra-editor:has(> .ra-empty)[b-g7tk59276z] {
        padding: 0;
        background: transparent;
        border: 0;
    }

.ra-col[b-g7tk59276z] {
    display: grid;
    gap: 1rem;
}

.ra-box[b-g7tk59276z] {
    padding: .9rem 1.1rem 1rem;
    background: var(--ra-sheet);
    border: 1px solid var(--ra-rule);
    border-radius: 10px;
}

    .ra-box + .ra-box[b-g7tk59276z], .ra-fields .ra-box[b-g7tk59276z] {
        margin-top: .75rem;
    }

    .ra-box > p[b-g7tk59276z] {
        margin-bottom: .5rem;
    }

        .ra-box > p:last-child[b-g7tk59276z] {
            margin-bottom: 0;
        }

        .ra-box > p:first-child b[b-g7tk59276z] {
            font-family: var(--ra-f-display);
            font-size: 1rem;
            color: var(--ra-ink);
        }

    .ra-box > .ra-btn[b-g7tk59276z] {
        margin-top: .25rem;
    }

details.ra-box > summary[b-g7tk59276z] {
    display: flex;
    align-items: center;
    gap: .5rem;
    list-style: none;
    cursor: pointer;
    font-family: var(--ra-f-display);
    font-size: .85rem;
    font-weight: 600;
    color: var(--ra-ink);
}

    details.ra-box > summary[b-g7tk59276z]::-webkit-details-marker {
        display: none;
    }

    details.ra-box > summary[b-g7tk59276z]::before {
        content: "";
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-left: 6px solid var(--ra-ink-3);
        border-right: 0;
        transition: transform .12s;
    }

details.ra-box[open] > summary[b-g7tk59276z]::before {
    transform: rotate(90deg);
}

details.ra-box[open] > summary[b-g7tk59276z] {
    margin-bottom: .6rem;
}

.ra-empty[b-g7tk59276z] {
    padding: 2rem 1.5rem;
    border: 1px dashed var(--ra-rule);
    border-radius: 12px;
    color: var(--ra-ink-2);
}

    .ra-empty p + p[b-g7tk59276z] {
        margin-top: .35rem;
    }

.ra-filters[b-g7tk59276z] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .75rem;
}

    .ra-filters select[b-g7tk59276z] {
        flex: 1 1 45%;
        width: auto;
        font-size: .85rem;
    }

    .ra-filters input[type="search"][b-g7tk59276z] {
        flex: 1 1 55%;
        width: auto;
    }

    .ra-filters .ra-btn[b-g7tk59276z] {
        flex: 0 0 auto;
    }

.ra-count[b-g7tk59276z] {
    margin: .35rem 0 .5rem;
    font-family: var(--ra-f-display);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ra-ink-3);
}

.ra-rows[b-g7tk59276z] {
    display: grid;
    grid-auto-rows: max-content;
    gap: .4rem;
    min-width: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 1px 2px 1px 1px;
    align-content: start;
}

.ra-row[b-g7tk59276z] {
    min-width: 0;
    overflow: hidden;
    padding: .7rem .9rem .65rem;
    background: var(--ra-sheet);
    border: 1px solid var(--ra-rule);
    border-radius: 10px;
    box-shadow: inset 3px 0 0 transparent;
    cursor: pointer;
    transition: border-color .12s, box-shadow .12s, background .12s;
}

    .ra-row:hover[b-g7tk59276z] {
        border-color: #C9C1B5;
    }

    .ra-row.is-on[b-g7tk59276z] {
        background: var(--ra-gold-tint);
        border-color: var(--ra-gold);
        box-shadow: inset 3px 0 0 var(--ra-gold);
    }

.ra-row-t[b-g7tk59276z] {
    line-height: 1.35;
}

    .ra-row-t b[b-g7tk59276z] {
        font-family: var(--ra-f-display);
        font-size: .95rem;
        font-weight: 600;
        color: var(--ra-ink);
    }

    .ra-row-t span[b-g7tk59276z] {
        display: block;
        margin-top: .1rem;
        font-size: .84rem;
        color: var(--ra-ink-3);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.ra-row-m[b-g7tk59276z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .2rem .6rem;
    margin-top: .45rem;
    font-size: .75rem;
    color: var(--ra-ink-3);
}

.ra-row-s[b-g7tk59276z] {
    margin-top: .35rem;
    font-size: .78rem;
    color: var(--ra-warn);
}

.ra-state[b-g7tk59276z] {
    display: inline-block;
    padding: .05rem .45rem;
    border-radius: 999px;
    font-family: var(--ra-f-display);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.6;
    text-transform: uppercase;
    background: var(--ra-rule-2);
    color: var(--ra-ink-2);
}

.ra-state--pub[b-g7tk59276z] {
    background: var(--ra-ok-tint);
    color: var(--ra-ok);
}

.ra-state--ret[b-g7tk59276z] {
    background: var(--ra-warn-tint);
    color: var(--ra-warn);
}

.ra-state--rej[b-g7tk59276z] {
    background: var(--ra-bad-tint);
    color: var(--ra-bad);
}

.ra-ed-head[b-g7tk59276z] {
    display: grid;
    gap: .3rem;
    margin-bottom: .9rem;
}

.ra-ed-id[b-g7tk59276z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem .8rem;
    font-family: var(--ra-f-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--ra-ink);
}

    .ra-ed-id a[b-g7tk59276z] {
        font-size: .82rem;
        font-weight: 500;
        color: var(--ra-gold-ink);
    }

.ra-ed-who[b-g7tk59276z] {
    font-size: .8rem;
    color: var(--ra-ink-3);
}

.ra-actions[b-g7tk59276z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    padding: .75rem 0;
    margin-bottom: 1rem;
    border-top: 1px solid var(--ra-rule-2);
    border-bottom: 1px solid var(--ra-rule-2);
}

.ra-box > .ra-actions[b-g7tk59276z] {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.ra-inline[b-g7tk59276z] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

    .ra-inline input[b-g7tk59276z] {
        width: 16rem;
        min-height: 34px;
        font-size: .85rem;
    }

.ra-lint[b-g7tk59276z] {
    display: grid;
    gap: .3rem;
    margin-bottom: 1rem;
}

    .ra-lint li[b-g7tk59276z] {
        position: relative;
        padding: .35rem .65rem .35rem 1.55rem;
        border-radius: 8px;
        font-size: .85rem;
    }

        .ra-lint li[b-g7tk59276z]::before {
            content: "";
            position: absolute;
            left: .6rem;
            top: .78rem;
            width: .5rem;
            height: .5rem;
            border-radius: 50%;
            background: currentColor;
        }

.ra-lint-w[b-g7tk59276z] {
    background: var(--ra-warn-tint);
    color: var(--ra-warn);
}

.ra-lint-b[b-g7tk59276z] {
    background: var(--ra-bad-tint);
    color: var(--ra-bad);
}

.ra-fields[b-g7tk59276z] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.ra-grid[b-g7tk59276z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .9rem 1.25rem;
    margin-bottom: 1rem;
}

    .ra-grid > label[b-g7tk59276z] {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: baseline;
        column-gap: .75rem;
        font-family: var(--ra-f-display);
        font-size: .8rem;
        font-weight: 600;
        letter-spacing: .02em;
        color: var(--ra-ink-2);
    }

        .ra-grid > label small[b-g7tk59276z] {
            font-family: var(--ra-f-ui);
            letter-spacing: 0;
            text-align: right;
        }

        .ra-grid > label > input[b-g7tk59276z], .ra-grid > label > select[b-g7tk59276z], .ra-grid > label > textarea[b-g7tk59276z], .ra-grid > label > .ra-slug[b-g7tk59276z] {
            grid-column: 1 / -1;
            margin-top: .3rem;
            font-family: var(--ra-f-ui);
            font-weight: 400;
            letter-spacing: 0;
        }

            .ra-grid > label > input[type="number"][b-g7tk59276z] {
                max-width: 8rem;
            }

.ra-wide[b-g7tk59276z] {
    grid-column: 1 / -1;
}

.ra-slug[b-g7tk59276z] {
    display: flex;
    gap: .4rem;
}

    .ra-slug input[b-g7tk59276z] {
        flex: 1;
        font-family: var(--ra-f-mono);
        font-size: .82rem;
    }

.ra-sources[b-g7tk59276z] {
    display: grid;
    gap: .5rem;
    margin: .25rem 0 .5rem;
}

    .ra-sources li[b-g7tk59276z] {
        padding: .55rem .8rem;
        background: var(--ra-sheet-2);
        border: 1px solid var(--ra-rule-2);
        border-radius: 8px;
    }

        .ra-sources li p + p[b-g7tk59276z] {
            margin-top: .15rem;
        }

        .ra-sources li .ra-dim[b-g7tk59276z] {
            font-size: .8rem;
        }

.ra-src-act[b-g7tk59276z] {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem;
    margin-top: .25rem;
}

    .ra-src-act .ra-btn[b-g7tk59276z] {
        min-height: 28px;
        font-size: .76rem;
    }

.ra-add[b-g7tk59276z] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .6rem;
}

    .ra-add input[b-g7tk59276z], .ra-add select[b-g7tk59276z] {
        flex: 1 1 12rem;
        width: auto;
    }

        .ra-add input[type="date"][b-g7tk59276z] {
            flex: 0 0 11rem;
        }

        .ra-add input[type="number"][b-g7tk59276z] {
            flex: 0 0 6rem;
        }

.ra-add--col[b-g7tk59276z] {
    flex-direction: column;
}

    .ra-add--col input[b-g7tk59276z] {
        flex: 0 0 auto;
        width: 100%;
    }

    .ra-add--col .ra-btn[b-g7tk59276z] {
        align-self: flex-start;
    }

.ra-tags[b-g7tk59276z] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: .25rem 0;
}

    .ra-tags li[b-g7tk59276z] {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        padding: .15rem .25rem .15rem .65rem;
        border: 1px solid var(--ra-rule);
        border-radius: 999px;
        font-size: .84rem;
    }

    .ra-tags .ra-btn[b-g7tk59276z] {
        min-height: 24px;
        padding-inline: .45rem;
        font-size: .72rem;
    }

.ra-claims[b-g7tk59276z] {
    display: grid;
    gap: .25rem;
    margin: .4rem 0;
    font-size: .85rem;
}

.ra-check[b-g7tk59276z] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .5rem .7rem;
    border: 1px solid var(--ra-rule-2);
    border-radius: 8px;
    background: var(--ra-sheet);
    cursor: pointer;
    font-size: .88rem;
}

    .ra-check:hover[b-g7tk59276z] {
        border-color: var(--ra-rule);
    }

    .ra-check + .ra-check[b-g7tk59276z] {
        margin-top: .35rem;
    }

    .ra-check .ra-dim[b-g7tk59276z] {
        margin-left: auto;
        font-size: .8rem;
        white-space: nowrap;
    }

.ra-groups[b-g7tk59276z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .4rem;
}

    .ra-groups .ra-check + .ra-check[b-g7tk59276z] {
        margin-top: 0;
    }

.ra-groups-h[b-g7tk59276z] {
    grid-column: 1 / -1;
    font-family: var(--ra-f-display);
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--ra-ink-2);
}

.ra-table[b-g7tk59276z] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .85rem;
    background: var(--ra-sheet);
    border: 1px solid var(--ra-rule);
    border-radius: 10px;
    overflow: hidden;
}

    .ra-table th[b-g7tk59276z], .ra-table td[b-g7tk59276z] {
        padding: .55rem .8rem;
        text-align: left;
        vertical-align: top;
        border-bottom: 1px solid var(--ra-rule-2);
    }

    .ra-table th[b-g7tk59276z] {
        font-family: var(--ra-f-display);
        font-size: .68rem;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--ra-ink-3);
        background: var(--ra-sheet-2);
    }

    .ra-table tr:last-child td[b-g7tk59276z] {
        border-bottom: 0;
    }

    .ra-table td .ra-btn[b-g7tk59276z] {
        min-height: 28px;
        font-size: .76rem;
    }

.ra-table--items[b-g7tk59276z] {
    margin-top: .5rem;
}

.ra-stats[b-g7tk59276z] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem .4rem;
    margin: .4rem 0 .6rem;
}

    .ra-stats span[b-g7tk59276z] {
        padding: .15rem .5rem;
        border-radius: 6px;
        background: var(--ra-rule-2);
        font-family: var(--ra-f-mono);
        font-size: .76rem;
        color: var(--ra-ink-2);
    }

.ra-log[b-g7tk59276z] {
    margin-top: .6rem;
}

    .ra-log summary[b-g7tk59276z] {
        cursor: pointer;
        font-family: var(--ra-f-display);
        font-size: .82rem;
        font-weight: 600;
    }

    .ra-log pre[b-g7tk59276z] {
        margin: .5rem 0 0;
        padding: .75rem 1rem;
        max-height: 24rem;
        overflow: auto;
        border-radius: 8px;
        background: #0A191D;
        color: #D7E0E3;
        font-family: var(--ra-f-mono);
        font-size: .74rem;
        line-height: 1.45;
        white-space: pre-wrap;
    }

.ra-live[b-g7tk59276z] {
    margin-bottom: 1rem;
    padding: .8rem 1rem .85rem;
    background: var(--ra-sheet);
    border: 1px solid var(--ra-rule);
    border-left: 3px solid var(--ra-gold);
    border-radius: 0 10px 10px 0;
}

.ra-live-head[b-g7tk59276z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem .75rem;
}

    .ra-live-head b[b-g7tk59276z] {
        font-family: var(--ra-f-display);
        color: var(--ra-ink);
    }

.ra-live-space[b-g7tk59276z] {
    flex: 1 1 auto;
}

.ra-pulse[b-g7tk59276z] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background: var(--ra-gold);
    animation: ra-pulse-b-g7tk59276z 1.6s ease-out infinite;
}

@keyframes ra-pulse-b-g7tk59276z {
    0% {
        box-shadow: 0 0 0 0 rgba(242, 181, 68, .55);
    }

    70% {
        box-shadow: 0 0 0 .55rem rgba(242, 181, 68, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(242, 181, 68, 0);
    }
}

.ra-bar[b-g7tk59276z] {
    height: .45rem;
    margin: .7rem 0 .5rem;
    border-radius: 999px;
    background: var(--ra-rule-2);
    overflow: hidden;
}

    .ra-bar > span[b-g7tk59276z] {
        display: block;
        height: 100%;
        min-width: .45rem;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--ra-gold), #F7CD7A);
        transition: width .4s ease;
    }

.ra-live-line[b-g7tk59276z] {
    font-size: .85rem;
    color: var(--ra-ink-2);
}

    .ra-live-line b[b-g7tk59276z] {
        color: var(--ra-ink);
    }

.ra-live-now[b-g7tk59276z] {
    margin-top: .15rem;
    font-family: var(--ra-f-mono);
    font-size: .76rem;
    color: var(--ra-ink-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (prefers-reduced-motion: reduce) {
    .ra-pulse[b-g7tk59276z] {
        animation: none;
    }

    .ra-bar > span[b-g7tk59276z] {
        transition: none;
    }
}

.ra-read[b-g7tk59276z] {
    max-width: 68ch;
    margin-bottom: 1.25rem;
}

.ra-read-kicker[b-g7tk59276z] {
    margin-bottom: .6rem;
    font-family: var(--ra-f-display);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ra-gold-ink);
}

.ra-read-title[b-g7tk59276z] {
    margin: 0 0 .3rem;
    font-family: var(--ra-f-display);
    font-size: 1.85rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.1;
    color: var(--ra-ink);
    text-wrap: balance;
}

.ra-read-sub[b-g7tk59276z] {
    margin-bottom: 1rem;
    font-size: 1.08rem;
    line-height: 1.45;
    color: var(--ra-ink-2);
}

.ra-read-stmt[b-g7tk59276z] {
    margin-bottom: 1.25rem;
    font-family: var(--ra-f-serif);
    font-size: 1.08rem;
    line-height: 1.65;
    color: var(--ra-text);
}

.ra-read-facts[b-g7tk59276z] {
    display: grid;
    gap: .9rem;
    margin: 0;
    padding-top: 1rem;
    border-top: 1px solid var(--ra-rule-2);
}

    .ra-read-facts div[b-g7tk59276z] {
        display: grid;
        grid-template-columns: 9rem minmax(0, 1fr);
        gap: .75rem;
    }

    .ra-read-facts dt[b-g7tk59276z] {
        padding-top: .2rem;
        font-family: var(--ra-f-display);
        font-size: .7rem;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--ra-ink-3);
    }

    .ra-read-facts dd[b-g7tk59276z] {
        margin: 0;
        font-size: .97rem;
        line-height: 1.55;
    }

        .ra-read-facts dd:empty[b-g7tk59276z]::before {
            content: "—";
            color: var(--ra-ink-3);
        }

.ra-ed-key[b-g7tk59276z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem .45rem;
    font-size: .78rem;
    color: var(--ra-ink-3);
}

    .ra-ed-key code[b-g7tk59276z] {
        font-size: .74rem;
    }

@media (max-width: 1200px) {
    .ra-wrap[b-g7tk59276z] {
        padding: 56px 32px 80px;
    }

    .ra-split[b-g7tk59276z] {
        grid-template-columns: 300px minmax(0, 1fr);
        gap: 24px;
    }
}

@media (max-width: 968px) {
    .ra-split[b-g7tk59276z], .ra-grid[b-g7tk59276z], .ra-groups[b-g7tk59276z] {
        grid-template-columns: 1fr;
    }

    .ra-list[b-g7tk59276z] {
        position: static;
        max-height: none;
    }
    .ra-rows[b-g7tk59276z] {
        overflow: visible;
    }

    .ra-read-facts div[b-g7tk59276z] {
        grid-template-columns: 1fr;
        gap: .2rem;
    }

    .ra-wrap[b-g7tk59276z] {
        padding: 40px 20px 60px;
    }

    .ra-inline input[b-g7tk59276z] {
        width: 12rem;
    }
}

@media (max-width: 480px) {
    .ra-wrap[b-g7tk59276z] {
        padding: 32px 16px 48px;
    }
}
/* /Problem Radar/RadarSubscribe.razor.rz.scp.css */
.rs[b-7ch3xpgm0f] {
    display: grid;
    gap: .55rem;
}

.rs-form[b-7ch3xpgm0f] {
    display: grid;
    gap: .55rem;
    margin: 0;
}

.rs-extra[b-7ch3xpgm0f] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.rs-label[b-7ch3xpgm0f] {
    display: block;
    margin: 0;
    font-size: inherit;
    line-height: 1.5;
    color: var(--ink-1, #414A57);
}

.rs-row[b-7ch3xpgm0f] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    max-width: 30rem;
}

.rs-in[b-7ch3xpgm0f] {
    flex: 1 1 12rem;
    min-width: 0;
    margin: 0;
    font: inherit;
    font-size: .92rem;
    line-height: 1.4;
    padding: .55rem .8rem;
    border: 1px solid var(--rule, #D9DEE6);
    border-radius: 6px;
    background: var(--paper-1, #FFFFFF);
    color: var(--ink-0, #0F141B);
}

    .rs-in[b-7ch3xpgm0f]::placeholder {
        color: var(--ink-2, #616B79);
    }

    .rs-in:focus-visible[b-7ch3xpgm0f] {
        outline: 2px solid var(--accent, #8929FF);
        outline-offset: 2px;
    }

    .rs-in.is-invalid[b-7ch3xpgm0f] {
        border-color: var(--no, #B8163F);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--no, #B8163F) 22%, transparent);
    }

.rs-btn[b-7ch3xpgm0f] {
    flex: 0 0 auto;
    margin: 0;
    font: inherit;
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.4;
    padding: .55rem 1rem;
    border: 1px solid var(--accent, #8929FF);
    border-radius: 6px;
    background: var(--accent, #8929FF);
    color: var(--on-accent, #FFFFFF);
    cursor: pointer;
    white-space: nowrap;
}

    .rs-btn:hover[b-7ch3xpgm0f] {
        filter: brightness(1.08);
    }

    .rs-btn:focus-visible[b-7ch3xpgm0f] {
        outline: 2px solid var(--accent, #8929FF);
        outline-offset: 2px;
    }

.rs-err[b-7ch3xpgm0f] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
    font-size: .82rem;
    line-height: 1.4;
    color: var(--no, #B8163F);
}

    .rs-err[b-7ch3xpgm0f]::before {
        content: "";
        flex: none;
        width: .45rem;
        height: .45rem;
        border-radius: 50%;
        background: currentColor;
    }

.rs-ok[b-7ch3xpgm0f] {
    margin: 0;
    font-size: inherit;
    line-height: 1.5;
    color: var(--ink-1, #414A57);
}

    .rs-ok b[b-7ch3xpgm0f] {
        font-weight: 600;
        color: var(--ink-0, #0F141B);
    }

    .rs-ok[b-7ch3xpgm0f]::before {
        content: "✓ ";
        font-weight: 700;
        color: var(--accent, #8929FF);
    }