/* /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(240.6deg);
    }

    to {
        transform: rotate(600.6deg);
    }
}

.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: "Archivo", "Helvetica Neue", Arial, 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.03em;
}

.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;
    margin-top: -6px;
    font-size: 13px;
    line-height: 1.6;
    color: var(--text-secondary);
}

.faq-page .references-arrow[b-8fhplmm56k] {
    font-size: 10px;
    color: var(--text-tertiary);
    margin-right: 7px;
}

.faq-page .references-label[b-8fhplmm56k] {
    font-weight: 500;
    margin-right: 6px;
}

.faq-page .reference-num[b-8fhplmm56k] {
    padding: 1px 3px;
    margin: -1px -3px;
    font-weight: 600;
    color: var(--cluster-ink);
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.15s ease;
}

    .faq-page .reference-num:hover[b-8fhplmm56k],
    .faq-page .reference-num:focus-visible[b-8fhplmm56k] {
        background: color-mix(in srgb, var(--cluster-ink) 10%, transparent);
    }

.faq-page .reference-sep[b-8fhplmm56k] {
    color: var(--text-tertiary);
    margin-right: 5px;
}

@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-list[b-8fhplmm56k] {
    max-width: 1000px;
    margin: 0 auto 32px;
    padding: 0 0 0 1.75em;
    columns: 2 26rem;
    column-gap: 48px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--text-heading);
}

    .faq-page .references-list li[b-8fhplmm56k] {
        break-inside: avoid;
        padding: 3px 4px 7px;
        border-radius: 4px;
        scroll-margin-top: 96px;
    }

        .faq-page .references-list li[b-8fhplmm56k]::marker {
            color: var(--text-tertiary);
            font-size: 12px;
            font-weight: 600;
        }

        .faq-page .references-list li:target[b-8fhplmm56k] {
            background: color-mix(in srgb, var(--cluster-ink) 10%, transparent);
        }

    .faq-page .references-list cite[b-8fhplmm56k] {
        font-style: normal;
    }

        .faq-page .references-list cite em[b-8fhplmm56k] {
            font-style: italic;
        }

    .faq-page .references-list a[b-8fhplmm56k] {
        text-decoration: none;
    }

        .faq-page .references-list a cite[b-8fhplmm56k] {
            color: var(--ink-3);
            transition: color var(--transition-base);
        }

        .faq-page .references-list a:hover cite[b-8fhplmm56k] {
            color: var(--ink);
            text-decoration: underline;
        }

    .faq-page .references-list .reference-meta[b-8fhplmm56k] {
        font-size: 12px;
        color: var(--text-tertiary);
    }

        .faq-page .references-list .reference-meta[b-8fhplmm56k]::before {
            content: "·";
            margin: 0 5px;
        }

.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-list[b-8fhplmm56k] {
        padding-left: 1.5em;
    }

    .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 .li-icon[b-8fhplmm56k] {
    display: inline-block;
    width: 0.875em;
    height: 1em;
    vertical-align: -0.125em;
    overflow: visible;
    fill: currentColor;
}

.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 .li-icon[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 .example-strip[b-8fhplmm56k] {
    padding: 56px 32px;
    background: var(--color-bg-warm);
    border-top: 1px solid var(--border-light);
}

    .faq-page .example-strip .container[b-8fhplmm56k] {
        max-width: 1000px;
        margin: 0 auto;
    }

.faq-page .example-strip-eyebrow[b-8fhplmm56k] {
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
}

.faq-page .example-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: var(--text-heading);
    margin: 0 0 24px;
}

.faq-page .example-strip-grid[b-8fhplmm56k] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
}

.faq-page .example-card[b-8fhplmm56k] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid var(--border-light);
    border-radius: 14px;
    text-decoration: none;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .faq-page .example-card:hover[b-8fhplmm56k] {
        border-color: color-mix(in srgb, var(--accent) 45%, transparent);
        transform: translateY(-2px);
        box-shadow: 0 12px 28px rgba(15, 20, 27, 0.08);
    }

    .faq-page .example-card img[b-8fhplmm56k] {
        flex: none;
        width: 132px;
        height: auto;
        border-radius: 4px;
        box-shadow: 0 2px 10px rgba(15, 20, 27, 0.14);
    }

.faq-page .example-card-text[b-8fhplmm56k] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.faq-page .example-card-name[b-8fhplmm56k] {
    font-family: var(--font-family-heading);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--text-heading);
}

.faq-page .example-card-form[b-8fhplmm56k] {
    font-size: 13px;
    color: var(--text-secondary);
}

.faq-page .example-card-go[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 600;
    color: var(--accent);
}

    .faq-page .example-card-go i[b-8fhplmm56k] {
        font-size: 11px;
    }

.faq-page .example-strip-more[b-8fhplmm56k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-heading);
    text-decoration: none;
}

    .faq-page .example-strip-more:hover[b-8fhplmm56k] {
        color: var(--accent);
    }

    .faq-page .example-strip-more i[b-8fhplmm56k] {
        font-size: 11px;
    }

@media (max-width: 968px) {
    .faq-page .example-strip[b-8fhplmm56k] {
        padding: 40px 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .faq-page .example-card[b-8fhplmm56k] {
        transition: none;
    }

        .faq-page .example-card:hover[b-8fhplmm56k] {
            transform: none;
        }
}

.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/Examples.razor.rz.scp.css */
@font-face {
    font-family: "Newsreader";
    font-style: normal;
    font-display: swap;
    font-weight: 300 600;
    src: url("/fonts/newsreader-latin-opsz-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Newsreader";
    font-style: italic;
    font-display: swap;
    font-weight: 300 600;
    src: url("/fonts/newsreader-latin-opsz-italic.woff2") format("woff2");
}

.ex[b-fudvmwghxe] {
    --ink: #0B0B0E;
    --ink-2: #121217;
    --ink-3: #1A1A21;
    --paper: #EDEAE3;
    --paper-2: #C8C4BC;
    --mute: #8F8B96;
    --faint: #5B5862;
    --rule: rgba(237,234,227,.12);
    --rule-2: rgba(237,234,227,.26);
    --accent: #C2007A;
    --accent-hi: #EF4C9F;
    --serif: "Newsreader", Georgia, "Times New Roman", serif;
    --sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
    --gut: max(16px,5vw);
    --col: min(40vw,600px);
    position: relative;
    min-height: 100vh;
    background: var(--ink);
    color: var(--paper);
    font: 400 16px/1.55 var(--sans);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    overflow-x: clip;
    color-scheme: dark
}

.ex[b-fudvmwghxe]  *, .ex[b-fudvmwghxe]  *::before, .ex[b-fudvmwghxe]  *::after {
    box-sizing: border-box
}

:where(.ex) h1[b-fudvmwghxe], :where(.ex) h2[b-fudvmwghxe], :where(.ex) h3[b-fudvmwghxe], :where(.ex) p[b-fudvmwghxe], :where(.ex) dl[b-fudvmwghxe], :where(.ex) dt[b-fudvmwghxe], :where(.ex) dd[b-fudvmwghxe], :where(.ex) ol[b-fudvmwghxe], :where(.ex) ul[b-fudvmwghxe], :where(.ex) li[b-fudvmwghxe], :where(.ex) figure[b-fudvmwghxe] {
    margin: 0;
    padding: 0;
    color: inherit;
    font-weight: inherit
}

:where(.ex) a[b-fudvmwghxe] {
    color: inherit;
    text-decoration: underline
}

    :where(.ex) a:hover[b-fudvmwghxe] {
        color: inherit
    }

:where(.ex) button[b-fudvmwghxe] {
    font: inherit;
    color: inherit
}

:where(.ex) img[b-fudvmwghxe] {
    max-width: none
}

.ex [b-fudvmwghxe]::selection {
    background: var(--accent);
    color: #fff
}

.ex[b-fudvmwghxe]  :focus-visible {
    outline: 1.5px solid var(--accent-hi);
    outline-offset: 4px
}

.ex h1:focus[b-fudvmwghxe], .ex h1:focus-visible[b-fudvmwghxe], .ex h2:focus[b-fudvmwghxe], .ex h2:focus-visible[b-fudvmwghxe] {
    outline: none;
    box-shadow: none
}

.skip[b-fudvmwghxe] {
    position: absolute;
    left: -9999px;
    top: 12px
}

    .skip:focus[b-fudvmwghxe] {
        left: 16px;
        z-index: 60;
        background: var(--paper);
        color: var(--ink);
        padding: 8px 12px
    }

.bar[b-fudvmwghxe] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px var(--gut);
    transition: background .4s ease
}

    .bar.is-solid[b-fudvmwghxe], .ex:not(.ex-js) .bar[b-fudvmwghxe] {
        background: rgba(11,11,14,.78);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

.bar__logo[b-fudvmwghxe] {
    display: block;
    line-height: 0
}

    .bar__logo img[b-fudvmwghxe] {
        height: 26px;
        width: auto
    }

.bar nav[b-fudvmwghxe] {
    display: flex;
    align-items: center;
    gap: 26px;
    font: 500 11.5px/1 var(--mono);
    letter-spacing: .14em;
    text-transform: uppercase
}

    .bar nav .lnk[b-fudvmwghxe] {
        text-decoration: none;
        color: var(--paper-2)
    }

        .bar nav .lnk:hover[b-fudvmwghxe] {
            color: var(--paper)
        }

.btn[b-fudvmwghxe] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 999px;
    border: 0;
    background: var(--paper);
    color: var(--ink);
    font: 500 14px/1 var(--sans);
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s ease,transform .2s ease
}

    .btn:hover[b-fudvmwghxe] {
        background: #fff;
        color: var(--ink);
        transform: translateY(-1px)
    }

.btn--sm[b-fudvmwghxe] {
    padding: 10px 16px;
    font-size: 13px
}

.btn .short[b-fudvmwghxe] {
    display: none
}

.btn .arr[b-fudvmwghxe] {
    display: inline-block;
    transition: transform .2s ease
}

.btn:hover .arr[b-fudvmwghxe] {
    transform: translateX(3px)
}

.wall[b-fudvmwghxe] {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    transition: opacity .6s ease
}

.ex:not(.ex-js) .wall[b-fudvmwghxe], .ex:not(.ex-js) .count[b-fudvmwghxe], .ex:not(.ex-js) .tag[b-fudvmwghxe] {
    display: none
}

.wall__tiles[b-fudvmwghxe] {
    position: absolute;
    inset: 0
}

.t[b-fudvmwghxe] {
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    will-change: transform;
    cursor: pointer;
    background: #17171d;
    opacity: 1;
    transition: transform 1.05s cubic-bezier(.2,.75,.15,1) calc(var(--d,0) * 1ms),opacity .5s ease
}

    .t img[b-fudvmwghxe] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none
    }

.wall:not(.is-ready) .t[b-fudvmwghxe] {
    opacity: 0
}

.wall.is-revealing .t[b-fudvmwghxe] {
    transition: transform 0s,opacity .9s ease calc(var(--r,0) * 1ms)
}

.wall.no-anim .t[b-fudvmwghxe] {
    transition: none
}

.wall__light[b-fudvmwghxe] {
    position: absolute;
    left: 0;
    top: 0;
    width: 300vmax;
    height: 300vmax;
    margin: -150vmax 0 0 -150vmax;
    pointer-events: none;
    will-change: transform;
    background: radial-gradient(circle closest-side,rgba(11,11,14,0) 0,rgba(11,11,14,.12) 6%,rgba(11,11,14,.6) 13.5%,rgba(11,11,14,.8) 21%,rgba(11,11,14,.8) 100%);
    transition: opacity .8s ease
}

.ex.ph-contents .wall__light[b-fudvmwghxe], .ex.ph-after .wall__light[b-fudvmwghxe] {
    opacity: 0
}

.ex.ph-contents .t[b-fudvmwghxe], .ex.ph-after .t[b-fudvmwghxe] {
    opacity: .4
}

.ex.ph-contents .wall.has-active .t[b-fudvmwghxe] {
    opacity: .1
}

    .ex.ph-contents .wall.has-active .t.on[b-fudvmwghxe] {
        opacity: 1
    }

.ex.ph-after .wall[b-fudvmwghxe] {
    opacity: 0;
    pointer-events: none
}

main[b-fudvmwghxe] {
    position: relative;
    z-index: 1;
    display: block
}

.hero[b-fudvmwghxe] {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 120px var(--gut) 7vh;
    pointer-events: none
}

    .hero[b-fudvmwghxe]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(to top,rgba(11,11,14,.96) 0,rgba(11,11,14,.72) 26%,rgba(11,11,14,0) 56%),linear-gradient(to bottom,rgba(11,11,14,.75) 0,rgba(11,11,14,0) 16%),linear-gradient(to right,rgba(11,11,14,.6) 0,rgba(11,11,14,0) 48%)
    }

    .hero > *[b-fudvmwghxe] {
        position: relative
    }

    .hero a[b-fudvmwghxe], .hero button[b-fudvmwghxe] {
        pointer-events: auto
    }

.eyebrow[b-fudvmwghxe] {
    margin: 0 0 16px;
    font: 500 12px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--accent-hi);
    text-shadow: 0 1px 14px rgba(11,11,14,.95),0 0 2px rgba(11,11,14,.9)
}

.hero .eyebrow[b-fudvmwghxe], .close .eyebrow[b-fudvmwghxe] {
    margin-bottom: clamp(26px, 3.2vw, 48px)
}

h1[b-fudvmwghxe] {
    margin: 0;
    max-width: 13ch;
    font: 400 clamp(52px,8.6vw,138px)/.9 var(--serif);
    letter-spacing: -.025em;
    color: var(--paper)
}

    h1 em[b-fudvmwghxe] {
        font-style: italic
    }

    h1 .dot[b-fudvmwghxe] {
        color: var(--accent-hi)
    }

.lede[b-fudvmwghxe] {
    max-width: 44ch;
    margin: 30px 0 0;
    font-size: clamp(16px,1.3vw,19px);
    line-height: 1.55;
    color: var(--paper-2)
}

    .lede .hint[b-fudvmwghxe] {
        color: var(--paper);
        white-space: nowrap
    }

    .lede a[b-fudvmwghxe] {
        color: var(--paper);
        text-decoration-thickness: 1px;
        text-underline-offset: 3px
    }

.hint--touch[b-fudvmwghxe] {
    display: none
}

.hero__keys[b-fudvmwghxe] {
    max-width: 78ch;
    margin: 26px 0 0;
    font-size: 12.5px;
    line-height: 1.65;
    color: var(--mute)
}

.hero__foot[b-fudvmwghxe] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-top: 38px;
    padding-top: 18px;
    border-top: 1px solid var(--rule);
    font: 500 11.5px/1 var(--mono);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mute)
}

.cue[b-fudvmwghxe] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--paper);
    text-decoration: none
}

    .cue .ln[b-fudvmwghxe] {
        display: inline-block;
        width: 40px;
        height: 1px;
        background: currentColor;
        transform-origin: 0 50%;
        animation: ex-cue-b-fudvmwghxe 2.4s ease-in-out infinite
    }

@keyframes ex-cue-b-fudvmwghxe {
    0%,100% {
        transform: scaleX(.45)
    }

    50% {
        transform: scaleX(1)
    }
}

.contents[b-fudvmwghxe] {
    position: relative;
    padding: 22vh 0 36vh;
    pointer-events: none
}

.contents__col[b-fudvmwghxe] {
    width: var(--col);
    margin-left: var(--gut);
    pointer-events: auto
}

.contents__head h2[b-fudvmwghxe] {
    margin: 0;
    font: 400 clamp(46px,5.2vw,78px)/1 var(--serif);
    letter-spacing: -.01em
}

.part[b-fudvmwghxe] {
    display: flex;
    align-items: baseline;
    gap: 14px;
    margin: 10vh 0 0;
    padding: 16px 0 4px;
    border-top: 1px solid var(--rule-2)
}

.part__n[b-fudvmwghxe] {
    font: 500 12px/1 var(--mono);
    letter-spacing: .14em;
    color: var(--accent-hi)
}

.part__t[b-fudvmwghxe] {
    font: italic 400 24px/1 var(--serif);
    color: var(--paper-2)
}

.toc[b-fudvmwghxe] {
    list-style: none;
    margin: 0;
    padding: 0
}

.entry[b-fudvmwghxe] {
    padding: 26px 0 30px;
    border-bottom: 1px solid var(--rule);
    opacity: .3;
    transition: opacity .45s ease
}

    .entry:last-child[b-fudvmwghxe] {
        border-bottom: 0
    }

    .entry.is-active[b-fudvmwghxe], .ex:not(.ex-js) .entry[b-fudvmwghxe] {
        opacity: 1
    }

    .entry article[b-fudvmwghxe] {
        display: grid;
        grid-template-columns: 44px minmax(0,1fr);
        column-gap: 14px
    }

.entry__no[b-fudvmwghxe] {
    grid-column: 1;
    margin: 0;
    padding-top: .85em;
    font: 500 12px/1 var(--mono);
    letter-spacing: .08em;
    color: var(--mute);
    transition: color .45s ease
}

.entry.is-active .entry__no[b-fudvmwghxe] {
    color: var(--accent-hi)
}

.entry__body[b-fudvmwghxe] {
    grid-column: 2;
    min-width: 0
}

.entry__name[b-fudvmwghxe] {
    margin: 0;
    font: 450 clamp(26px,2.3vw,36px)/1.08 var(--serif);
    letter-spacing: -.01em
}

    .entry__name a[b-fudvmwghxe] {
        text-decoration: none
    }

        .entry__name a:hover[b-fudvmwghxe] {
            text-decoration: underline;
            text-decoration-thickness: 1px;
            text-underline-offset: 6px
        }

.entry__form[b-fudvmwghxe] {
    margin: 12px 0 0;
    font: 500 11.5px/1.45 var(--mono);
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--mute)
}

.entry__desc[b-fudvmwghxe] {
    margin: 12px 0 0;
    max-width: 52ch;
    color: var(--paper-2)
}

.entry__inside[b-fudvmwghxe] {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    max-width: 60ch;
    font-size: 13px;
    line-height: 1.7;
    color: var(--mute)
}

    .entry__inside li[b-fudvmwghxe] {
        display: inline
    }

        .entry__inside li + li[b-fudvmwghxe]::before {
            content: "\00a0\00b7\0020";
            color: var(--faint)
        }

.entry__from[b-fudvmwghxe], .entry__guide[b-fudvmwghxe] {
    margin: 12px 0 0;
    max-width: 60ch;
    font-size: 13px;
    line-height: 1.6;
    color: var(--paper-2)
}

    .entry__from span[b-fudvmwghxe], .entry__guide span[b-fudvmwghxe] {
        margin-right: 10px;
        font: 500 10.5px/1 var(--mono);
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--accent-hi)
    }

    .entry__guide a[b-fudvmwghxe] {
        color: var(--paper);
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
        text-decoration-color: var(--rule-2)
    }

        .entry__guide a:hover[b-fudvmwghxe] {
            text-decoration-color: var(--accent-hi)
        }

    .entry__guide i[b-fudvmwghxe] {
        font-style: normal;
        color: var(--faint)
    }

.entry__strip[b-fudvmwghxe] {
    display: none
}

.ex:not(.ex-js) .entry__strip[b-fudvmwghxe] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    height: 96px;
    margin-top: 18px
}

.es[b-fudvmwghxe] {
    display: block;
    text-decoration: none;
    position: relative;
    flex: none;
    height: 100%;
    padding: 0;
    border: 0;
    background: #17171d;
    cursor: pointer
}

    .es img[b-fudvmwghxe] {
        display: block;
        height: 100%;
        width: auto
    }

.es__more[b-fudvmwghxe] {
    align-self: center;
    margin-left: 6px;
    font: 400 22px/1 var(--serif);
    color: var(--paper-2)
}

.look[b-fudvmwghxe] {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding: 6px 0;
    border: 0;
    background: none;
    color: var(--paper);
    font: 500 11.5px/1 var(--mono);
    letter-spacing: .14em;
    text-transform: uppercase;
    cursor: pointer
}

    .look .ln[b-fudvmwghxe] {
        display: inline-block;
        width: 28px;
        height: 1px;
        background: currentColor;
        transition: width .3s ease
    }

    .look:hover .ln[b-fudvmwghxe] {
        width: 46px
    }

.count[b-fudvmwghxe] {
    position: fixed;
    right: var(--gut);
    bottom: 30px;
    z-index: 1;
    text-align: right;
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s ease
}

.ex.ph-contents .count.is-on[b-fudvmwghxe] {
    opacity: 1
}

.count__n[b-fudvmwghxe] {
    display: block;
    font: 400 clamp(60px,6.4vw,104px)/.82 var(--serif);
    letter-spacing: -.02em
}

.count__l[b-fudvmwghxe] {
    display: block;
    margin-top: 10px;
    font: 500 11.5px/1.3 var(--mono);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--paper-2)
}

.count__d[b-fudvmwghxe] {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: var(--mute)
}

.tag[b-fudvmwghxe] {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 30;
    padding: 7px 10px;
    border: 1px solid var(--rule-2);
    border-radius: 2px;
    background: rgba(11,11,14,.88);
    font: 500 11px/1.2 var(--mono);
    letter-spacing: .06em;
    color: var(--paper);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s ease
}

    .tag.is-on[b-fudvmwghxe] {
        opacity: 1
    }

.after[b-fudvmwghxe] {
    position: relative;
    z-index: 2;
    background: var(--ink);
    border-top: 1px solid var(--rule)
}

.foot[b-fudvmwghxe] {
    position: relative;
    z-index: 2;
    background: var(--ink)
}

.colophon[b-fudvmwghxe] {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,2.2fr);
    gap: 6vw;
    padding: 14vh var(--gut) 0
}

    .colophon h2[b-fudvmwghxe] {
        margin: 0;
        font: 400 clamp(42px,4.6vw,68px)/1 var(--serif)
    }

.colophon__body p[b-fudvmwghxe] {
    max-width: 62ch;
    margin: 0 0 18px;
    font-size: clamp(16px,1.25vw,19px);
    line-height: 1.6;
    color: var(--paper-2)
}

.colophon__body cite[b-fudvmwghxe] {
    font-style: italic;
    color: var(--paper)
}

.colophon__body .colophon__fine[b-fudvmwghxe] {
    font-size: 13px;
    color: var(--mute)
}

.faq[b-fudvmwghxe] {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,2.2fr);
    gap: 6vw;
    padding: 14vh var(--gut) 10vh
}

    .faq h2[b-fudvmwghxe] {
        margin: 0;
        font: 400 clamp(42px,4.6vw,68px)/1 var(--serif)
    }

.faq__sub[b-fudvmwghxe] {
    margin: 16px 0 0;
    color: var(--mute);
    max-width: 30ch
}

.faq dl[b-fudvmwghxe] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 46px 52px;
    margin: 0
}

    .faq dl > div[b-fudvmwghxe] {
        border-top: 1px solid var(--rule);
        padding-top: 18px
    }

.faq dt[b-fudvmwghxe] {
    margin: 0 0 10px;
    font: 500 22px/1.25 var(--serif)
}

.faq dd[b-fudvmwghxe] {
    margin: 0;
    font-size: 15px;
    color: var(--paper-2)
}

    .faq dd[b-fudvmwghxe]  cite {
        font-style: italic
    }

    .faq dd[b-fudvmwghxe]  strong {
        font-weight: 500;
        color: var(--paper)
    }

.close[b-fudvmwghxe] {
    padding: 16vh var(--gut) 18vh;
    text-align: center
}

.close__line[b-fudvmwghxe] {
    margin: 0 0 22px;
    font: 400 clamp(46px,7.4vw,118px)/.95 var(--serif);
    letter-spacing: -.02em
}

    .close__line em[b-fudvmwghxe] {
        font-style: italic
    }

    .close__line .dot[b-fudvmwghxe] {
        color: var(--accent-hi)
    }

.close__sub[b-fudvmwghxe] {
    margin: 0 auto;
    max-width: 52ch;
    color: var(--paper-2);
    font-size: clamp(15px,1.2vw,18px)
}

.radar[b-fudvmwghxe] {
    max-width: 780px;
    margin: 38px auto 0;
    padding: 30px 34px 26px;
    border: 1px solid var(--rule-2);
    border-radius: 4px;
    background: rgba(237,234,227,.03);
    text-align: left
}

.radar__list[b-fudvmwghxe] {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0
}

.radar__item[b-fudvmwghxe] {
    grid-area: 1/1;
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s ease,visibility 0s linear .6s
}

    .radar__item.is-on[b-fudvmwghxe] {
        opacity: 1;
        visibility: visible;
        transition: opacity .6s ease
    }

.ex:not(.ex-js) .radar__item[b-fudvmwghxe] {
    grid-area: auto;
    opacity: 1;
    visibility: visible;
    padding: 18px 0;
    border-top: 1px solid var(--rule)
}

.ex:not(.ex-js) .radar__next[b-fudvmwghxe], .ex:not(.ex-js) .radar__count[b-fudvmwghxe], .ex:not(.ex-js) .radar__bar[b-fudvmwghxe], .ex:not(.ex-js) .radar__go[b-fudvmwghxe] {
    display: none
}

.radar__meta[b-fudvmwghxe] {
    margin: 0 0 12px;
    font: 500 11.5px/1 var(--mono);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--accent-hi)
}

.radar__title[b-fudvmwghxe] {
    margin: 0;
    font: 450 clamp(26px,2.4vw,36px)/1.1 var(--serif);
    letter-spacing: -.01em
}

    .radar__title a[b-fudvmwghxe] {
        text-decoration: none
    }

        .radar__title a:hover[b-fudvmwghxe] {
            text-decoration: underline;
            text-decoration-thickness: 1px;
            text-underline-offset: 6px
        }

.radar__text[b-fudvmwghxe] {
    max-width: 62ch;
    margin: 12px 0 0;
    font-size: 16px;
    color: var(--paper-2)
}

.radar__acts[b-fudvmwghxe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 22px;
    margin-top: 26px
}

.radar__next[b-fudvmwghxe] {
    padding: 6px 0;
    border: 0;
    background: none;
    color: var(--paper-2);
    font: 500 11.5px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    cursor: pointer
}

    .radar__next:hover[b-fudvmwghxe] {
        color: var(--paper)
    }

.radar__count[b-fudvmwghxe] {
    margin-left: auto;
    font: 500 11px/1 var(--mono);
    letter-spacing: .12em;
    color: var(--mute)
}

.radar__bar[b-fudvmwghxe] {
    height: 2px;
    margin-top: 22px;
    overflow: hidden;
    background: var(--rule)
}

    .radar__bar i[b-fudvmwghxe] {
        display: block;
        width: 100%;
        height: 100%;
        background: var(--accent-hi);
        transform: scaleX(0);
        transform-origin: 0 50%
    }

.radar.is-running .radar__bar i[b-fudvmwghxe] {
    animation: ex-radarbar-b-fudvmwghxe 7s linear forwards
}

@keyframes ex-radarbar-b-fudvmwghxe {
    to {
        transform: scaleX(1)
    }
}

.close__alt[b-fudvmwghxe] {
    margin: 26px auto 0;
    font-size: 14px;
    color: var(--mute)
}

    .close__alt a[b-fudvmwghxe] {
        color: var(--paper)
    }

    .close__alt .btn[b-fudvmwghxe] {
        color: var(--ink)
    }

.close__alt--solo[b-fudvmwghxe] {
    margin-top: 34px
}

.ex[b-fudvmwghxe]  .log {
    position: fixed;
    left: 12px;
    bottom: 12px;
    z-index: 70;
    max-width: min(420px,calc(100vw - 24px));
    max-height: 38vh;
    overflow: auto;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--rule-2);
    background: rgba(11,11,14,.92);
    font: 400 11px/1.45 var(--mono);
    color: #9fe3b8;
    white-space: pre-wrap;
    pointer-events: none
}

@media (hover:none) {
    .hint--fine[b-fudvmwghxe] {
        display: none
    }

    .hint--touch[b-fudvmwghxe] {
        display: inline
    }
}

@media (max-width:899px) {
    .bar nav .lnk[b-fudvmwghxe] {
        display: none
    }

    .btn .long[b-fudvmwghxe] {
        display: none
    }

    .btn .short[b-fudvmwghxe] {
        display: inline
    }

    .hero[b-fudvmwghxe] {
        padding-bottom: 5vh
    }

        .hero[b-fudvmwghxe]::before {
            background: linear-gradient(to top,rgba(11,11,14,.97) 0,rgba(11,11,14,.9) 50%,rgba(11,11,14,.4) 70%,rgba(11,11,14,0) 82%),linear-gradient(to bottom,rgba(11,11,14,.75) 0,rgba(11,11,14,0) 16%)
        }

    .hero__foot[b-fudvmwghxe] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px
    }

    .ex.ph-contents .wall[b-fudvmwghxe] {
        opacity: 0;
        pointer-events: none
    }

    .count[b-fudvmwghxe] {
        display: none
    }

    .contents[b-fudvmwghxe] {
        padding: 14vh 0 16vh
    }

    .contents__col[b-fudvmwghxe] {
        width: auto;
        margin: 0 var(--gut)
    }

    .entry[b-fudvmwghxe] {
        opacity: 1
    }

    .entry__strip[b-fudvmwghxe], .ex:not(.ex-js) .entry__strip[b-fudvmwghxe] {
        display: flex;
        align-items: flex-end;
        gap: 8px;
        height: 76px;
        max-width: 100%;
        overflow: hidden;
        margin-top: 18px
    }

    .faq[b-fudvmwghxe] {
        grid-template-columns: 1fr;
        gap: 36px
    }

    .colophon[b-fudvmwghxe] {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .faq dl[b-fudvmwghxe] {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .radar[b-fudvmwghxe] {
        padding: 24px 20px 20px
    }

    .radar__count[b-fudvmwghxe] {
        margin-left: 0
    }



}

@media (prefers-reduced-motion:reduce) {
    .t[b-fudvmwghxe] {
        transition: opacity .3s ease
    }

    .wall.is-revealing .t[b-fudvmwghxe] {
        transition: opacity .3s ease
    }

    .cue .ln[b-fudvmwghxe] {
        animation: none
    }

    .radar__item[b-fudvmwghxe], .radar__item.is-on[b-fudvmwghxe] {
        transition: none
    }
}
/* /Components/AinnaPages/ExampleView.razor.rz.scp.css */
@font-face {
    font-family: "Newsreader";
    font-style: normal;
    font-display: swap;
    font-weight: 300 600;
    src: url("/fonts/newsreader-latin-opsz-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Newsreader";
    font-style: italic;
    font-display: swap;
    font-weight: 300 600;
    src: url("/fonts/newsreader-latin-opsz-italic.woff2") format("woff2");
}

.dv[b-w0a8gynqpn] {
    --ink: #0B0B0E;
    --paper: #EDEAE3;
    --paper-2: #C8C4BC;
    --mute: #8F8B96;
    --faint: #5B5862;
    --rule: rgba(237,234,227,.12);
    --rule-2: rgba(237,234,227,.26);
    --accent: #C2007A;
    --accent-hi: #EF4C9F;
    --serif: "Newsreader", Georgia, "Times New Roman", serif;
    --sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
    --gut: max(16px,5vw);
    --frame: 860px;
    --text: 700px;
    --col: calc(var(--frame) + 2 * var(--gut));
    position: relative;
    min-height: 100vh;
    background: var(--ink);
    color: var(--paper);
    font: 400 17px/1.65 var(--sans);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    overflow-x: clip;
    color-scheme: dark
}

.dv--wide[b-w0a8gynqpn] {
    --frame: 1200px
}

.dv--tall[b-w0a8gynqpn] {
    --frame: 700px
}

.dv[b-w0a8gynqpn]  *, .dv[b-w0a8gynqpn]  *::before, .dv[b-w0a8gynqpn]  *::after {
    box-sizing: border-box
}

:where(.dv) h1[b-w0a8gynqpn], :where(.dv) h2[b-w0a8gynqpn], :where(.dv) h3[b-w0a8gynqpn], :where(.dv) p[b-w0a8gynqpn], :where(.dv) ol[b-w0a8gynqpn], :where(.dv) ul[b-w0a8gynqpn], :where(.dv) li[b-w0a8gynqpn], :where(.dv) figure[b-w0a8gynqpn] {
    margin: 0;
    padding: 0;
    color: inherit;
    font-weight: inherit
}

:where(.dv) a[b-w0a8gynqpn] {
    color: var(--paper);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: var(--rule-2)
}

    :where(.dv) a:hover[b-w0a8gynqpn] {
        color: #fff;
        text-decoration-color: var(--accent-hi)
    }

:where(.dv) img[b-w0a8gynqpn] {
    max-width: none
}

.dv [b-w0a8gynqpn]::selection {
    background: var(--accent);
    color: #fff
}

.dv[b-w0a8gynqpn]  :focus-visible {
    outline: 1.5px solid var(--accent-hi);
    outline-offset: 4px
}

.dv h1:focus[b-w0a8gynqpn], .dv h1:focus-visible[b-w0a8gynqpn], .dv h2:focus[b-w0a8gynqpn], .dv h2:focus-visible[b-w0a8gynqpn] {
    outline: none;
    box-shadow: none
}

.skip[b-w0a8gynqpn] {
    position: absolute;
    left: -9999px;
    top: 12px
}

    .skip:focus[b-w0a8gynqpn] {
        left: 16px;
        z-index: 60;
        background: var(--paper);
        color: var(--ink);
        padding: 8px 12px
    }

.bar[b-w0a8gynqpn] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px var(--gut);
    background: rgba(11,11,14,.86);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--rule)
}

.bar__logo[b-w0a8gynqpn] {
    display: block;
    line-height: 0
}

    .bar__logo img[b-w0a8gynqpn] {
        height: 26px;
        width: auto
    }

.bar nav[b-w0a8gynqpn] {
    display: flex;
    align-items: center;
    gap: 26px;
    font: 500 11.5px/1 var(--mono);
    letter-spacing: .14em;
    text-transform: uppercase
}

    .bar nav .lnk[b-w0a8gynqpn] {
        text-decoration: none;
        color: var(--paper-2)
    }

        .bar nav .lnk:hover[b-w0a8gynqpn] {
            color: var(--paper)
        }

.btn[b-w0a8gynqpn] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 22px;
    border-radius: 999px;
    border: 0;
    background: var(--paper);
    color: var(--ink);
    font: 500 14px/1 var(--sans);
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s ease
}

    .btn:hover[b-w0a8gynqpn] {
        background: #fff;
        color: var(--ink)
    }

.btn--sm[b-w0a8gynqpn] {
    padding: 10px 16px;
    font-size: 13px
}

main[b-w0a8gynqpn] {
    display: block
}

.crumbs[b-w0a8gynqpn] {
    max-width: var(--col);
    margin: 0 auto;
    padding: 24px var(--gut) 0;
    font: 500 11px/1.4 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--mute)
}

    .crumbs ol[b-w0a8gynqpn] {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 10px;
        list-style: none
    }

    .crumbs li + li[b-w0a8gynqpn]::before {
        content: "/";
        margin-right: 10px;
        color: var(--faint)
    }

    .crumbs a[b-w0a8gynqpn] {
        text-decoration: none;
        color: var(--paper-2)
    }

    .crumbs [aria-current][b-w0a8gynqpn] {
        color: var(--paper)
    }

.head[b-w0a8gynqpn] {
    max-width: var(--col);
    margin: 0 auto;
    padding: 44px var(--gut) 0
}

    .head > *[b-w0a8gynqpn], .body > section[b-w0a8gynqpn] {
        max-width: var(--text)
    }

.eyebrow[b-w0a8gynqpn] {
    margin: 0 0 14px;
    font: 500 11.5px/1.4 var(--mono);
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--accent-hi)
}

h1[b-w0a8gynqpn] {
    font: 400 clamp(34px,3.6vw,52px)/1.06 var(--serif);
    letter-spacing: -.015em;
    color: var(--paper)
}

    h1 .dot[b-w0a8gynqpn] {
        color: var(--accent-hi)
    }

.lede[b-w0a8gynqpn] {
    margin: 18px 0 0;
    font-size: clamp(17px,1.3vw,19px);
    color: var(--paper)
}

.facts[b-w0a8gynqpn] {
    margin: 10px 0 0;
    font-size: 14px;
    color: var(--mute)
}

    .facts a[b-w0a8gynqpn] {
        color: var(--paper-2)
    }

    .facts time[b-w0a8gynqpn] {
        white-space: nowrap
    }

.viewer[b-w0a8gynqpn] {
    max-width: var(--col);
    margin: 0 auto;
    padding: 40px var(--gut) 0
}

.viewer--tall .stage[b-w0a8gynqpn] {
    max-width: 640px
}

.viewer[b-w0a8gynqpn], .body section[b-w0a8gynqpn], .body h3[b-w0a8gynqpn] {
    scroll-margin-top: 80px
}

.tabs[b-w0a8gynqpn] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 14px 28px;
    margin-bottom: 30px
}

.tabs__list[b-w0a8gynqpn] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.tab[b-w0a8gynqpn] {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 300px;
    padding: 6px 14px 6px 6px;
    border: 1px solid var(--rule);
    border-radius: 6px;
    background: transparent;
    color: var(--paper-2);
    font: 400 13px/1.35 var(--sans);
    text-align: left;
    cursor: pointer;
    transition: border-color .2s ease,color .2s ease
}

    .tab img[b-w0a8gynqpn] {
        flex: none;
        display: block;
        height: 48px;
        width: auto;
        background: #17171d
    }

    .tab b[b-w0a8gynqpn] {
        display: block;
        font: 500 10.5px/1.4 var(--mono);
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--mute)
    }

    .tab:hover[b-w0a8gynqpn] {
        border-color: var(--rule-2);
        color: var(--paper)
    }

    .tab.is-current[b-w0a8gynqpn] {
        border-color: var(--paper);
        color: var(--paper)
    }

.dv:not(.dv-js) .tabs__list[b-w0a8gynqpn] {
    display: none
}

.tabs__closed[b-w0a8gynqpn] {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 13.5px;
    color: var(--mute)
}

.pile[b-w0a8gynqpn] {
    display: flex
}

    .pile img[b-w0a8gynqpn] {
        height: 48px;
        width: auto;
        margin-left: -24px;
        filter: blur(2.5px) brightness(.5) saturate(.5);
        box-shadow: -4px 0 10px rgba(0,0,0,.5)
    }

        .pile img:first-child[b-w0a8gynqpn] {
            margin-left: 0
        }

.stage .pg[b-w0a8gynqpn] {
    display: none
}

    .stage .pg.is-current[b-w0a8gynqpn], .dv:not(.dv-js) .stage .pg[b-w0a8gynqpn] {
        display: block
    }

.dv:not(.dv-js) .stage .pg + .pg[b-w0a8gynqpn] {
    margin-top: 48px
}

.pg__frame[b-w0a8gynqpn] {
    position: relative;
    background: #17171d;
    box-shadow: 0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(237,234,227,.06)
}

    .pg__frame img[b-w0a8gynqpn] {
        display: block;
        width: 100%;
        height: auto
    }

.pg__tag[b-w0a8gynqpn] {
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: 1;
    padding: 6px 10px 5px;
    border-radius: 3px 3px 0 0;
    background: var(--accent);
    color: #fff;
    font: 500 10px/1 var(--mono);
    letter-spacing: .2em;
    text-transform: uppercase;
    pointer-events: none
}

.pg figcaption[b-w0a8gynqpn] {
    max-width: 70ch;
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.55;
    color: var(--paper-2)
}

    .pg figcaption b[b-w0a8gynqpn] {
        font-weight: 500;
        color: var(--paper)
    }

.pg__n[b-w0a8gynqpn] {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: var(--mute)
}

.body[b-w0a8gynqpn] {
    display: block;
    max-width: var(--col);
    margin: 0 auto;
    padding: 72px var(--gut) 0;
    color: var(--paper-2)
}

    .body section + section[b-w0a8gynqpn] {
        margin-top: 52px
    }

    .body h2[b-w0a8gynqpn] {
        margin: 0 0 14px;
        font: 450 clamp(26px,2.2vw,32px)/1.2 var(--serif);
        letter-spacing: -.01em;
        color: var(--paper)
    }

    .body h3[b-w0a8gynqpn] {
        margin: 26px 0 6px;
        font: 500 17px/1.4 var(--sans);
        color: var(--paper)
    }

    .body p + p[b-w0a8gynqpn] {
        margin-top: 14px
    }

    .body ul[b-w0a8gynqpn], .body ol[b-w0a8gynqpn] {
        margin: 6px 0 0;
        padding-left: 22px
    }

    .body li[b-w0a8gynqpn] {
        margin: 6px 0
    }

        .body li[b-w0a8gynqpn]::marker {
            color: var(--faint)
        }

    .body b[b-w0a8gynqpn] {
        font-weight: 500;
        color: var(--paper)
    }

.aka[b-w0a8gynqpn], .said span[b-w0a8gynqpn], .steps__in[b-w0a8gynqpn], .make__fine[b-w0a8gynqpn] {
    color: var(--mute)
}

.aka[b-w0a8gynqpn] {
    font-size: 15px
}

.said[b-w0a8gynqpn] {
    font-family: var(--serif);
    font-style: italic;
    font-size: 21px;
    line-height: 1.45;
    color: var(--paper)
}

    .said span[b-w0a8gynqpn] {
        display: block;
        margin-top: 4px;
        font: 400 14px/1.5 var(--sans)
    }

.steps__in[b-w0a8gynqpn] {
    font-size: 15px
}

.make[b-w0a8gynqpn] {
    padding-top: 40px;
    border-top: 1px solid var(--rule)
}

.make__acts[b-w0a8gynqpn] {
    margin-top: 22px
}

.make__fine[b-w0a8gynqpn] {
    font-size: 13px
}

.pn[b-w0a8gynqpn] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    max-width: var(--col);
    margin: 64px auto 0;
    padding: 24px var(--gut) 80px;
    border-top: 1px solid var(--rule);
    font-size: 15px
}

.foot[b-w0a8gynqpn] {
    position: relative;
    background: var(--ink)
}

.nf[b-w0a8gynqpn] {
    max-width: 720px;
    margin: 0 auto;
    padding: 12vh var(--gut)
}

    .nf .def[b-w0a8gynqpn] {
        margin-top: 18px
    }

.nf__list[b-w0a8gynqpn] {
    margin: 22px 0 30px;
    padding-left: 22px;
    color: var(--paper-2)
}

    .nf__list li[b-w0a8gynqpn] {
        padding: 3px 0
    }

@media (max-width:899px) {
    .bar nav .lnk[b-w0a8gynqpn] {
        display: none
    }

    .head[b-w0a8gynqpn] {
        padding-top: 32px
    }

    .tab[b-w0a8gynqpn] {
        max-width: none
    }

    .pn[b-w0a8gynqpn] {
        flex-direction: column
    }
}

@media (max-width:599px) {
    .tabs[b-w0a8gynqpn] {
        gap: 12px;
        margin-bottom: 20px
    }

    .tabs__list[b-w0a8gynqpn] {
        gap: 8px
    }

    .tab[b-w0a8gynqpn] {
        padding: 8px 12px
    }

        .tab img[b-w0a8gynqpn] {
            display: none
        }

    .pile img[b-w0a8gynqpn] {
        height: 32px;
        margin-left: -16px
    }

    .tabs__closed[b-w0a8gynqpn] {
        gap: 10px;
        font-size: 13px
    }

    .pg__tag[b-w0a8gynqpn] {
        padding: 4px 6px 3px;
        font-size: 8px;
        letter-spacing: .16em
    }
}
/* /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 .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-take-colour-b-07laemirqu {
    from {
        color: var(--ink-0)
    }

    to {
        color: transparent
    }
}

.nl-js .nl-state > :not(h1)[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 > :not(h1)[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 .nl-hl[b-07laemirqu] {
    animation: nl-take-colour-b-07laemirqu .8s ease-out .85s both
}

@media (prefers-reduced-motion: no-preference) {
    .nl.nl-js:not(.nl-still) .nl-sec--hero h1 .nl-hl[b-07laemirqu] {
        color: var(--ink-0)
    }
}

.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(4,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
    }

a.nl-g[b-07laemirqu] {
    color: inherit;
    text-decoration: none
}

.nl .nl-gallery-k[b-07laemirqu] {
    margin: .8rem 0 0
}

.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],
.nl .nl-gallery-k 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],
    .nl .nl-gallery-k a:hover[b-07laemirqu],
    .nl .nl-gallery-k 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
}

@font-face {
    font-family: "Archivo Hero";
    font-style: normal;
    font-weight: 100 900;
    font-display: block;
    src: url('/fonts/archivo-latin-wght-normal.woff2') format('woff2')
}

.nl .nl-sec--hero h1[b-07laemirqu] {
    font-family: "Archivo Hero", var(--f-display);
    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
    }
}

.nl-on-touch[b-07laemirqu] {
    display: none;
}

@media not all and (any-pointer: fine) {
    .nl-on-pc[b-07laemirqu] {
        display: none;
    }

    .nl-on-touch[b-07laemirqu] {
        display: inline;
    }
}

@media (max-width: 599px) {
    .nl .nl-sec--hero[b-07laemirqu]::before,
    .nl[data-theme="dark"] .nl-sec--hero[b-07laemirqu]::before,
    .nl .nl-sec--grid[b-07laemirqu]::before {
        background: none;
        -webkit-mask-image: none;
        mask-image: none
    }

    .nl-nav.is-solid[b-07laemirqu],
    .nl[data-theme="light"] .nl-nav.is-solid[b-07laemirqu] {
        background: var(--paper-0);
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .nl .nl-dlg[b-07laemirqu]::backdrop {
        background: rgba(6,5,16,.5);
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .nl .nl-beams[b-07laemirqu]  .nl-beam::before {
        filter: none
    }
}

.nl.nl-motion-off[b-07laemirqu]  *,
.nl.nl-motion-off[b-07laemirqu]  *::before,
.nl.nl-motion-off[b-07laemirqu]  *::after {
    animation: none !important;
    transition: none !important
}
/* /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
}

.nl .nl-arch--method .nl-arch-what p[b-hps0kz1r8u] {
    margin-top: .4rem;
    color: var(--ink-1);
    line-height: 1.6;
    max-width: 46rem
}

.nl .nl-sec--index > .nl-wrap > .nl-arch-close[b-hps0kz1r8u] {
    max-width: 46rem
}

.nl .nl-arch--method .nl-arch-when[b-hps0kz1r8u] {
    align-content: start
}

    .nl .nl-arch-close a[b-hps0kz1r8u] {
        color: var(--accent)
    }
/* /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-stats dd a[b-g4ybf2hmyy] {
        color: inherit;
        text-decoration: underline;
        text-decoration-color: var(--rule);
        text-underline-offset: .2em
    }

        .nl .nl-pv2-stats dd a:hover[b-g4ybf2hmyy] {
            color: var(--accent);
            text-decoration-color: currentColor
        }

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