/* One translucent surface per card. Load after page and artwork styles. */
.neural-stage-page {
    --card-surface-bg: rgba(7, 12, 14, 0.72);
    --card-surface-bg-hover: rgba(7, 12, 14, 0.82);
    --card-surface-border: rgba(255, 255, 255, 0.12);
    --card-surface-border-hover: rgba(0, 255, 209, 0.38);
    --card-surface-blur: blur(14px) saturate(1.16);

    /* Existing and future consumers use the same tokens. */
    --site-glass-bg: var(--card-surface-bg);
    --site-glass-bg-hover: var(--card-surface-bg-hover);
    --site-glass-line: var(--card-surface-border);
    --site-glass-line-hover: var(--card-surface-border-hover);
    --site-glass-blur: var(--card-surface-blur);
    --retained-surface: var(--card-surface-bg);
    --retained-line: var(--card-surface-border);
    --retained-accent-line: var(--card-surface-border-hover);
}

/*
 * These are the outer card boundaries, not their image/text children.
 * Important is limited to surface properties: the legacy styles contain
 * page-ID selectors and explicit transparent backgrounds on product cards.
 * Preserve image URLs, typography, layout, motion and element opacity.
 */
.neural-stage-page :is(
    .feature-item,
    .product-main,
    .product-right,
    .feature-box,
    .tech-center-copy,
    .tech-main-image,
    .tech-item,
    .team-member,
    .timeline-content,
    .news-item,
    .awards li,
    .case-item,
    .series-item,
    .specs-row,
    .specs-image,
    .info-item,
    .tech-intro-item,
    .core-tech-item,
    .tech-summary .summary-text,
    .news-toc,
    .news-article,
    .contact-form,
    .dataset-card,
    .release-step,
    .community-panel
) {
    background-color: var(--card-surface-bg) !important;
    border: 1px solid var(--card-surface-border) !important;
    border-radius: var(--radius);
    -webkit-backdrop-filter: var(--card-surface-blur) !important;
    backdrop-filter: var(--card-surface-blur) !important;
    box-shadow: none !important;
}

.neural-stage-page :is(
    .feature-item,
    .product-main,
    .product-right,
    .feature-box,
    .tech-center-copy,
    .tech-main-image,
    .tech-item,
    .team-member,
    .timeline-content,
    .news-item,
    .awards li,
    .case-item,
    .series-item,
    .specs-row,
    .specs-image,
    .info-item,
    .tech-intro-item,
    .core-tech-item,
    .tech-summary .summary-text,
    .news-toc,
    .news-article,
    .contact-form,
    .dataset-card,
    .release-step,
    .community-panel
):is(:hover, :focus-within) {
    background-color: var(--card-surface-bg-hover) !important;
    border-color: var(--card-surface-border-hover) !important;
}

/* Internal panels inherit the outer surface rather than darkening it again. */
.neural-stage-page :is(
    .product-main .product-image,
    .product-right .product-device,
    .feature-box .feature-image,
    .product-overlay,
    .feature-content,
    .team-member .member-portrait,
    .team-member .member-details,
    .case-item > p,
    .news-item .news-content,
    .news-item .news-content-text,
    .news-item .news-meta,
    .info-item .info-content,
    .tech-intro-item .intro-content,
    .core-tech-item .core-tech-content,
    .core-tech-item .core-tech-image,
    .series-item .series-content,
    .dataset-card .dataset-identity,
    .dataset-card .dataset-main,
    .dataset-card .dataset-release-state,
    .community-panel .community-statement,
    .community-panel .community-pillars,
    .community-panel .community-pillars article,
    .news-article .news-header,
    .news-article > .news-text
) {
    background-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

/* Legacy image gradients and portrait tint are extra layers over the same card. */
.index-page #products :is(.product-main, .feature-box)::after,
.neural-stage-page .team-member .member-portrait::after {
    background: none !important;
    box-shadow: none !important;
}

/* Detail image captions keep their text but no opaque frame around the image. */
.news-detail-page .news-article .news-text figcaption::before,
.news-detail-page .news-article .news-text figcaption::after {
    border-color: transparent !important;
}

/* Space the newly surfaced release steps without changing their content order. */
.data-page .release-track {
    gap: var(--site-card-gap, 20px);
    border-left: 0;
}

.data-page .release-step,
.data-page .release-step:not(:last-child) {
    padding: 28px 24px 24px;
}

.data-page .release-step::before {
    top: -5px;
    left: 24px;
}

/* Respect the OS preference consistently, including formerly transparent cards. */
@media (prefers-reduced-transparency: reduce) {
    .neural-stage-page {
        --card-surface-bg: #070c0e;
        --card-surface-bg-hover: #070c0e;
        --card-surface-blur: none;
    }
}