/**
 * Landing light theme: DS tokens + cosmos/hero/glass remaps.
 * Light cosmos file: img/video/hero-constellation-light.{webm,mp4}
 * Light final CTA: img/video/financial-mirror-cta-light.mp4
 */

html[data-landing-page].light-theme,
html[data-landing-page].light {
    color-scheme: light;
    --landing-media-opacity: 0.14;
    --color-text-primary: var(--color-cosmos-mist);
    --color-text-secondary: #5d6698;
    --color-text-tertiary: #60699b;
    --color-text-muted: #60699b;
    --color-logo: var(--color-cosmos-mist);
    --foreground: var(--color-cosmos-mist);
    --card-foreground: var(--color-cosmos-mist);
    --secondary-foreground: var(--color-cosmos-mist);
    --muted-foreground: var(--color-text-muted);
    --landing-text: var(--color-cosmos-mist);
    --landing-text-muted: var(--color-text-muted);
    --landing-final-cta-copy: var(--color-text-secondary);
    --color-bg-canvas: #ffffff;
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #ffffff;
    --color-bg-tertiary: #ffffff;
    --color-bg-modal: #ffffff;
    --color-bg-modal-light: #ffffff;
    --color-bg-button-container: #ffffff;
    --color-bg-result: #ffffff;
    --color-bg-chat-minimized: #ffffff;
    --color-bg-menu: #ffffff;
    --color-bg-chat: #ffffff;
    --background: #ffffff;
    --landing-canvas: #ffffff;
    --landing-quick-surface: #ffffff;
    --landing-preview-rim: color-mix(in srgb, var(--color-cosmos-mist) 22%, var(--landing-canvas));
    --control-glass-panel: var(--landing-canvas);
    --landing-glass-bg: var(--landing-canvas);
    --landing-glass-border: var(--landing-preview-rim);
    --landing-device-glass-border: rgb(0 0 0 / 0.08);
    --landing-device-glass-background: #ffffff;
    --landing-app-card-glass-background: #ffffff;
    --landing-band: var(--landing-canvas);
    --landing-device-glass-shadow: 0 1.25rem 3rem rgb(0 0 0 / 0.06);
    --landing-device-glass-filter: none;
    --landing-drop-shadow:
        inset 0 1px 0 rgb(7 7 7 / 0.06),
        0 1.5rem 3rem rgb(7 7 7 / 0.1);
    --scrollbar-track: color-mix(in srgb, var(--color-cosmos-mist) 12%, #ffffff);
    --scrollbar-thumb: color-mix(in srgb, var(--color-cosmos-mist) 42%, transparent);
    --scrollbar-thumb-hover: color-mix(in srgb, var(--color-cosmos-mist) 58%, transparent);
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
    background-color: #ffffff;
}

html[data-landing-page].light-theme body,
html[data-landing-page].light body {
    background-color: #ffffff;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

/* Landing copy follows the same opaque light-text contract as product surfaces. */
html[data-landing-page].light-theme .landing-main .landing-feature-list li,
html[data-landing-page].light .landing-main .landing-feature-list li,
html[data-landing-page].light-theme .landing-main #pricing .text-muted-foreground,
html[data-landing-page].light .landing-main #pricing .text-muted-foreground,
html[data-landing-page].light-theme .landing-main #pricing .landing-feature-list li,
html[data-landing-page].light .landing-main #pricing .landing-feature-list li {
    color: var(--color-text-secondary) !important;
}

html[data-landing-page].light-theme .landing-main #what-you-can .landing-use-case-tile h3,
html[data-landing-page].light .landing-main #what-you-can .landing-use-case-tile h3 {
    color: var(--color-text-primary) !important;
}

html[data-landing-page].light-theme .landing-main #what-you-can .landing-use-case-tile :is(p, span),
html[data-landing-page].light .landing-main #what-you-can .landing-use-case-tile :is(p, span) {
    color: var(--color-text-secondary) !important;
}

html[data-landing-page].light-theme::-webkit-scrollbar,
html[data-landing-page].light::-webkit-scrollbar,
html[data-landing-page].light-theme body::-webkit-scrollbar,
html[data-landing-page].light body::-webkit-scrollbar {
    width: var(--scrollbar-size, 10px);
    height: var(--scrollbar-size, 10px);
    background: var(--scrollbar-track);
}

html[data-landing-page].light-theme::-webkit-scrollbar-track,
html[data-landing-page].light::-webkit-scrollbar-track,
html[data-landing-page].light-theme body::-webkit-scrollbar-track,
html[data-landing-page].light body::-webkit-scrollbar-track,
html[data-landing-page].light-theme::-webkit-scrollbar-track-piece,
html[data-landing-page].light::-webkit-scrollbar-track-piece,
html[data-landing-page].light-theme body::-webkit-scrollbar-track-piece,
html[data-landing-page].light body::-webkit-scrollbar-track-piece,
html[data-landing-page].light-theme::-webkit-scrollbar-corner,
html[data-landing-page].light::-webkit-scrollbar-corner,
html[data-landing-page].light-theme body::-webkit-scrollbar-corner,
html[data-landing-page].light body::-webkit-scrollbar-corner {
    background: var(--scrollbar-track);
    border: 0;
    box-shadow: none;
}

html[data-landing-page].light-theme::-webkit-scrollbar-thumb,
html[data-landing-page].light::-webkit-scrollbar-thumb,
html[data-landing-page].light-theme body::-webkit-scrollbar-thumb,
html[data-landing-page].light body::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: 999px;
    border: 2px solid var(--scrollbar-track);
}

html[data-landing-page].light-theme::-webkit-scrollbar-thumb:hover,
html[data-landing-page].light::-webkit-scrollbar-thumb:hover,
html[data-landing-page].light-theme body::-webkit-scrollbar-thumb:hover,
html[data-landing-page].light body::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover);
}

html[data-landing-page].light-theme .landing-hero-video,
html[data-landing-page].light .landing-hero-video,
html[data-landing-page].light-theme .landing-apps-video,
html[data-landing-page].light .landing-apps-video,
html[data-landing-page].light-theme .tool-main-video,
html[data-landing-page].light .tool-main-video {
    opacity: var(--landing-media-opacity);
}

html[data-landing-page].light-theme .landing-mobile-nav--home.is-open .landing-mobile-nav__video,
html[data-landing-page].light .landing-mobile-nav--home.is-open .landing-mobile-nav__video {
    opacity: var(--landing-media-opacity);
}

/* Hero experiment: full-strength cosmos video, not a faint wash */
html[data-landing-page].light-theme #financial-workflows-copy .landing-workflow-copy-video,
html[data-landing-page].light #financial-workflows-copy .landing-workflow-copy-video,
html[data-landing-page].light-theme #financial-workflows-copy .landing-hero-video,
html[data-landing-page].light #financial-workflows-copy .landing-hero-video {
    opacity: 1;
}

html[data-landing-page].light-theme .landing-final-cta-video,
html[data-landing-page].light .landing-final-cta-video,
html[data-landing-page].light-theme .landing-final-cta-video.is-playing,
html[data-landing-page].light .landing-final-cta-video.is-playing,
html[data-landing-page].light-theme #landingGetStartedMount .landing-final-cta-video,
html[data-landing-page].light #landingGetStartedMount .landing-final-cta-video,
html[data-landing-page].light-theme #landingGetStartedMount .landing-final-cta-video.is-playing,
html[data-landing-page].light #landingGetStartedMount .landing-final-cta-video.is-playing,
html[data-landing-page].light-theme .navorina-get-started-host .landing-final-cta-video,
html[data-landing-page].light .navorina-get-started-host .landing-final-cta-video,
html[data-landing-page].light-theme .navorina-get-started-host .landing-final-cta-video.is-playing,
html[data-landing-page].light .navorina-get-started-host .landing-final-cta-video.is-playing,
html[data-landing-page].light-theme #toolSharedGetStartedMount .landing-final-cta-video,
html[data-landing-page].light #toolSharedGetStartedMount .landing-final-cta-video,
html[data-landing-page].light-theme #toolSharedGetStartedMount .landing-final-cta-video.is-playing,
html[data-landing-page].light #toolSharedGetStartedMount .landing-final-cta-video.is-playing {
    opacity: 0.3;
}

/* The light CTA video is almost white, so translucent secondary copy loses contrast. */
html[data-landing-page].light-theme #landing-final-cta .landing-block-lead,
html[data-landing-page].light #landing-final-cta .landing-block-lead {
    color: var(--landing-final-cta-copy);
}

html[data-landing-page] .landing-hero-video-scope,
html[data-landing-page] .landing-section-photo,
html[data-landing-page] #financial-workflows-copy,
html[data-landing-page] .landing-product-pitch,
html[data-landing-page] .landing-product-pitch__sticky {
    background-color: var(--color-bg-canvas);
    color: var(--color-text-primary);
}

html[data-landing-page].light-theme .landing-hero-video-scope .landing-hero-video,
html[data-landing-page].light .landing-hero-video-scope .landing-hero-video {
    opacity: 0.46;
}

html[data-landing-page].light-theme .landing-hero-video-scrim,
html[data-landing-page].light .landing-hero-video-scrim {
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--color-bg-canvas) 18%, transparent) 0%,
            color-mix(in srgb, var(--color-bg-canvas) 6%, transparent) 42%,
            color-mix(in srgb, var(--color-bg-canvas) 22%, transparent) 100%
        ),
        radial-gradient(
            92% 52% at 50% 14%,
            color-mix(in srgb, var(--color-bg-canvas) 8%, transparent) 0%,
            transparent 58%
        );
}

html[data-landing-page].light-theme .landing-workflow-copy-video-scrim,
html[data-landing-page].light .landing-workflow-copy-video-scrim,
html[data-landing-page].light-theme .landing-apps-video-scrim,
html[data-landing-page].light .landing-apps-video-scrim,
html[data-landing-page].light-theme #apps .landing-apps-video-scrim,
html[data-landing-page].light #apps .landing-apps-video-scrim {
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--color-bg-canvas) 32%, transparent) 0%,
            color-mix(in srgb, var(--color-bg-canvas) 14%, transparent) 42%,
            color-mix(in srgb, var(--color-bg-canvas) 40%, transparent) 100%
        ),
        radial-gradient(
            92% 52% at 50% 14%,
            color-mix(in srgb, var(--color-bg-canvas) 12%, transparent) 0%,
            transparent 58%
        );
}

html[data-landing-page].light-theme #apps a.app-card,
html[data-landing-page].light #apps a.app-card {
    border: 1px solid var(--color-border-secondary) !important;
    background: #ffffff !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: var(--color-text-primary);
}

html[data-landing-page].light-theme #apps a.app-card:hover,
html[data-landing-page].light #apps a.app-card:hover {
    border-color: var(--color-border-hover) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

html[data-landing-page].light-theme #apps a.app-card h3,
html[data-landing-page].light #apps a.app-card h3 {
    color: var(--color-text-primary);
}

html[data-landing-page].light-theme #apps a.app-card p,
html[data-landing-page].light #apps a.app-card p,
html[data-landing-page].light-theme #apps a.app-card .text-muted-foreground,
html[data-landing-page].light #apps a.app-card .text-muted-foreground {
    color: var(--color-text-secondary);
}

html[data-landing-page].light-theme #apps a.app-card .flex-shrink-0.w-12,
html[data-landing-page].light #apps a.app-card .flex-shrink-0.w-12 {
    background: var(--color-surface-muted);
    border: 0;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: var(--color-text-primary);
}

html[data-landing-page].light-theme #apps a.app-card svg,
html[data-landing-page].light #apps a.app-card svg {
    color: var(--color-text-primary);
}

html[data-landing-page].light-theme #apps .apps-tool-category > h3,
html[data-landing-page].light #apps .apps-tool-category > h3 {
    color: var(--color-text-primary);
}

html[data-landing-page].light-theme #apps .apps-tool-category > .landing-tile-grid:has(a.app-card:hover) a.app-card:not(:hover),
html[data-landing-page].light #apps .apps-tool-category > .landing-tile-grid:has(a.app-card:hover) a.app-card:not(:hover),
html[data-landing-page].light-theme #apps .apps-tool-category > .grid:has(a.app-card:hover) a.app-card:not(:hover),
html[data-landing-page].light #apps .apps-tool-category > .grid:has(a.app-card:hover) a.app-card:not(:hover) {
    filter: none;
    opacity: 1;
}

html[data-landing-page].light-theme .landing-main #pricing .landing-pricing-plan-card--app-surface,
html[data-landing-page].light .landing-main #pricing .landing-pricing-plan-card--app-surface,
html[data-landing-page].light-theme .landing-main #pricing .landing-pricing-premium-card,
html[data-landing-page].light .landing-main #pricing .landing-pricing-premium-card {
    --landing-pricing-card-background: #ffffff;
    background: #ffffff !important;
    border: 1px solid var(--color-border-secondary) !important;
    box-shadow: none !important;
}

html[data-landing-page].light-theme .landing-main #pricing .landing-pricing-premium-card,
html[data-landing-page].light .landing-main #pricing .landing-pricing-premium-card {
    border-color: var(--color-border-strong) !important;
}

html[data-landing-page].light-theme .landing-main #pricing .landing-pricing-badge,
html[data-landing-page].light .landing-main #pricing .landing-pricing-badge {
    border-color: var(--color-border-primary);
}

html[data-landing-page].light-theme .landing-main #pricing .landing-glass-secondary-cta,
html[data-landing-page].light .landing-main #pricing .landing-glass-secondary-cta {
    border: 1px solid var(--color-border-primary) !important;
    background: var(--color-surface-muted) !important;
    color: var(--color-text-primary) !important;
}

html[data-landing-page].light-theme .landing-main #pricing .landing-glass-secondary-cta:hover,
html[data-landing-page].light .landing-main #pricing .landing-glass-secondary-cta:hover {
    background: var(--color-surface-muted-hover) !important;
}

html[data-landing-page].light-theme .landing-main #pricing .landing-glass-pricing-soon,
html[data-landing-page].light .landing-main #pricing .landing-glass-pricing-soon,
html[data-landing-page].light-theme #pricing button.landing-glass-pricing-soon,
html[data-landing-page].light #pricing button.landing-glass-pricing-soon {
    border: 1px solid var(--color-button-primary) !important;
    background: var(--color-button-primary) !important;
    color: var(--color-button-primary-text) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html[data-landing-page].light-theme .landing-section-photo,
html[data-landing-page].light .landing-section-photo,
html[data-landing-page].light-theme #landingGetStartedMount .landing-section-photo,
html[data-landing-page].light #landingGetStartedMount .landing-section-photo,
html[data-landing-page].light-theme .navorina-get-started-host .landing-section-photo,
html[data-landing-page].light .navorina-get-started-host .landing-section-photo,
html[data-landing-page].light-theme #toolSharedGetStartedMount .landing-section-photo,
html[data-landing-page].light #toolSharedGetStartedMount .landing-section-photo {
    --landing-section-photo-opacity: 0.3;
    --landing-section-scrim: none;
    background-color: var(--color-bg-canvas, #ffffff);
}

html[data-landing-page].light-theme .landing-section-photo::before,
html[data-landing-page].light .landing-section-photo::before,
html[data-landing-page].light-theme #landingGetStartedMount .landing-section-photo::before,
html[data-landing-page].light #landingGetStartedMount .landing-section-photo::before,
html[data-landing-page].light-theme .navorina-get-started-host .landing-section-photo::before,
html[data-landing-page].light .navorina-get-started-host .landing-section-photo::before,
html[data-landing-page].light-theme #toolSharedGetStartedMount .landing-section-photo::before,
html[data-landing-page].light #toolSharedGetStartedMount .landing-section-photo::before {
    content: none;
    opacity: 0;
    background-image: none;
    animation: none;
    filter: none;
}

html[data-landing-page].light-theme .landing-section-photo::after,
html[data-landing-page].light .landing-section-photo::after,
html[data-landing-page].light-theme #landingGetStartedMount .landing-section-photo::after,
html[data-landing-page].light #landingGetStartedMount .landing-section-photo::after,
html[data-landing-page].light-theme .navorina-get-started-host .landing-section-photo::after,
html[data-landing-page].light .navorina-get-started-host .landing-section-photo::after,
html[data-landing-page].light-theme #toolSharedGetStartedMount .landing-section-photo::after,
html[data-landing-page].light #toolSharedGetStartedMount .landing-section-photo::after {
    background-image: var(--landing-section-divider-line);
    background-size: var(--landing-section-divider-width) 1px;
    background-position: top center;
    background-repeat: no-repeat;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    filter: none;
}

html[data-landing-page].light-theme .landing-main,
html[data-landing-page].light-theme #financial-workflows-copy,
html[data-landing-page].light .landing-main,
html[data-landing-page].light #financial-workflows-copy {
    --landing-glass-bg: var(--landing-canvas);
    --landing-glass-border: var(--landing-preview-rim);
    --landing-device-glass-border: rgb(0 0 0 / 0.08);
    --landing-device-glass-background: #ffffff;
    --landing-app-card-glass-background: #ffffff;
    --landing-band: var(--landing-canvas);
    --landing-device-glass-shadow: 0 1.25rem 3rem rgb(0 0 0 / 0.06);
    --landing-device-glass-filter: none;
    --landing-section-divider-line: linear-gradient(
        90deg,
        transparent 0%,
        rgb(7 7 7 / 0.08) 12%,
        var(--color-border-strong) 30%,
        var(--color-border-strong) 70%,
        rgb(7 7 7 / 0.08) 88%,
        transparent 100%
    );
    background-color: var(--landing-canvas, #ffffff);
}

html[data-landing-page].light-theme .landing-glass-primary-btn.bg-primary,
html[data-landing-page].light .landing-glass-primary-btn.bg-primary,
html[data-landing-page].light-theme a.landing-glass-secondary-cta,
html[data-landing-page].light a.landing-glass-secondary-cta {
    background: var(--color-button-primary);
    color: var(--color-button-primary-text);
    box-shadow: var(--shadow-sm);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html[data-landing-page].light-theme a.landing-glass-secondary-cta.landing-glass-secondary-cta--ghost,
html[data-landing-page].light a.landing-glass-secondary-cta.landing-glass-secondary-cta--ghost,
html[data-landing-page].light-theme a#loginButton.landing-glass-nav-login,
html[data-landing-page].light a#loginButton.landing-glass-nav-login {
    background: transparent;
    color: var(--color-text-primary);
    box-shadow: none;
}

html[data-landing-page].light-theme .landing-mesh-hero,
html[data-landing-page].light .landing-mesh-hero,
html[data-landing-page].light-theme .landing-hero-title,
html[data-landing-page].light .landing-hero-title {
    color: var(--color-text-primary);
}

html[data-landing-page].light-theme .landing-glass-chat,
html[data-landing-page].light .landing-glass-chat,
html[data-landing-page].light-theme .landing-quick-inner,
html[data-landing-page].light .landing-quick-inner {
    background: color-mix(in srgb, #ffffff 74%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-cosmos-mist) 22%, transparent);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 78%, transparent),
        inset 0 0 0 1px color-mix(in srgb, var(--color-cosmos-mist) 8%, transparent),
        0 16px 48px color-mix(in srgb, var(--color-cosmos-mist) 18%, transparent);
    -webkit-backdrop-filter: blur(14px) saturate(1.08);
    backdrop-filter: blur(14px) saturate(1.08);
    color: var(--color-text-primary);
}

html[data-landing-page].light-theme .landing-quick-inner,
html[data-landing-page].light .landing-quick-inner {
    background: color-mix(in srgb, #ffffff 66%, transparent);
}

html[data-landing-page].light-theme .landing-glass-chat:hover:not(.is-submitting),
html[data-landing-page].light .landing-glass-chat:hover:not(.is-submitting),
html[data-landing-page].light-theme .landing-quick-inner:hover,
html[data-landing-page].light .landing-quick-inner:hover,
html[data-landing-page].light-theme .landing-glass-chat:focus-within,
html[data-landing-page].light .landing-glass-chat:focus-within,
html[data-landing-page].light-theme .landing-quick-inner:focus-within,
html[data-landing-page].light .landing-quick-inner:focus-within {
    background: color-mix(in srgb, #ffffff 82%, transparent);
    border-color: color-mix(in srgb, var(--color-cosmos-mist) 30%, transparent);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 86%, transparent),
        inset 0 0 0 1px color-mix(in srgb, var(--color-cosmos-mist) 10%, transparent),
        0 18px 52px color-mix(in srgb, var(--color-cosmos-mist) 22%, transparent);
}

html[data-landing-page].light-theme .landing-quick-inner:hover,
html[data-landing-page].light .landing-quick-inner:hover,
html[data-landing-page].light-theme .landing-quick-inner:focus-within,
html[data-landing-page].light .landing-quick-inner:focus-within {
    background: color-mix(in srgb, #ffffff 74%, transparent);
}

html[data-landing-page].light-theme .landing-chat-input,
html[data-landing-page].light .landing-chat-input,
html[data-landing-page].light-theme .landing-quick-prompt,
html[data-landing-page].light .landing-quick-prompt,
html[data-landing-page].light-theme .landing-quick-tag,
html[data-landing-page].light .landing-quick-tag {
    color: var(--color-text-primary);
}

html[data-landing-page].light-theme .landing-chat-input::placeholder,
html[data-landing-page].light .landing-chat-input::placeholder {
    color: var(--color-text-tertiary);
}

html[data-landing-page].light-theme .landing-quick-prompt,
html[data-landing-page].light .landing-quick-prompt {
    color: var(--color-text-secondary);
}

html[data-landing-page].light-theme .landing-quick-tag,
html[data-landing-page].light .landing-quick-tag {
    background: color-mix(in srgb, var(--color-cosmos-mist) 10%, transparent);
    color: var(--color-text-secondary);
}

html[data-landing-page].light-theme .landing-quick-tag:hover,
html[data-landing-page].light .landing-quick-tag:hover,
html[data-landing-page].light-theme .landing-quick-prompt:hover,
html[data-landing-page].light .landing-quick-prompt:hover {
    background: color-mix(in srgb, var(--color-cosmos-mist) 14%, transparent);
    color: var(--color-text-primary);
}

html[data-landing-page].light-theme .landing-quick-tag.is-active,
html[data-landing-page].light .landing-quick-tag.is-active {
    background: color-mix(in srgb, var(--color-cosmos-accent, var(--color-cosmos-mist)) 16%, transparent);
    color: var(--color-text-primary);
}

html[data-landing-page].light-theme .landing-glass-chat .landing-glass-tool,
html[data-landing-page].light .landing-glass-chat .landing-glass-tool,
html[data-landing-page].light-theme .landing-glass-chat .landing-glass-send,
html[data-landing-page].light .landing-glass-chat .landing-glass-send {
    color: var(--color-text-primary) !important;
    background: color-mix(in srgb, var(--color-cosmos-mist) 12%, transparent) !important;
    background-image: radial-gradient(
        195% 110% at 50% 18%,
        color-mix(in srgb, var(--color-cosmos-mist) 22%, transparent) 0%,
        color-mix(in srgb, var(--color-cosmos-mist) 8%, transparent) 58%,
        color-mix(in srgb, #ffffff 28%, transparent) 100%
    ) !important;
    border: 1px solid color-mix(in srgb, var(--color-cosmos-mist) 20%, transparent) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 72%, transparent),
        0 2px 8px color-mix(in srgb, var(--color-cosmos-mist) 14%, transparent) !important;
    filter: none !important;
    -webkit-backdrop-filter: blur(6px) saturate(1.05) !important;
    backdrop-filter: blur(6px) saturate(1.05) !important;
}

html[data-landing-page].light-theme .landing-glass-chat .landing-glass-tool:hover,
html[data-landing-page].light .landing-glass-chat .landing-glass-tool:hover,
html[data-landing-page].light-theme .landing-glass-chat .landing-glass-send:hover:not(:disabled),
html[data-landing-page].light .landing-glass-chat .landing-glass-send:hover:not(:disabled) {
    border-color: color-mix(in srgb, var(--color-cosmos-mist) 28%, transparent) !important;
    background-image: radial-gradient(
        195% 110% at 50% 14%,
        color-mix(in srgb, var(--color-cosmos-mist) 28%, transparent) 0%,
        color-mix(in srgb, var(--color-cosmos-mist) 10%, transparent) 55%,
        color-mix(in srgb, #ffffff 32%, transparent) 100%
    ) !important;
}

html[data-landing-page].light-theme .landing-glass-chat .landing-glass-send:not(:disabled),
html[data-landing-page].light .landing-glass-chat .landing-glass-send:not(:disabled) {
    background: var(--color-button-primary) !important;
    background-image: none !important;
    border-color: var(--color-button-primary) !important;
    color: var(--color-button-primary-text) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 28%, transparent),
        0 2px 8px color-mix(in srgb, var(--color-cosmos-mist) 16%, transparent) !important;
}

html[data-landing-page].light-theme .landing-product-pitch,
html[data-landing-page].light .landing-product-pitch,
html[data-landing-page].light-theme .landing-product-pitch__sticky,
html[data-landing-page].light .landing-product-pitch__sticky {
    --landing-text: var(--color-text-primary);
    --landing-product-pitch-muted: 0.22;
    --landing-product-pitch-illustration-opacity: 0.82;
    --landing-product-pitch-illustration-filter: grayscale(1) sepia(0.32) hue-rotate(218deg) saturate(0.48) brightness(0.98) contrast(1.03);
    background: var(--landing-canvas);
    background-color: var(--landing-canvas);
    color: var(--color-text-primary);
}

html[data-landing-page].light-theme .landing-product-pitch__visual,
html[data-landing-page].light .landing-product-pitch__visual,
html[data-landing-page].light-theme .landing-product-pitch__illustration,
html[data-landing-page].light .landing-product-pitch__illustration {
    background: transparent;
    border-color: rgb(7 7 7 / 0.12);
    box-shadow: none;
}

/* Dark-theme floor glow reads as a gray stain on the white product. */
html[data-landing-page].light-theme .landing-main .landing-product-shot::after,
html[data-landing-page].light .landing-main .landing-product-shot::after {
    content: none;
}

html[data-landing-page].light-theme .landing-product-shot__glass-shell,
html[data-landing-page].light .landing-product-shot__glass-shell,
html[data-landing-page].light-theme .landing-product-shot__glass-shell--section,
html[data-landing-page].light .landing-product-shot__glass-shell--section,
html[data-landing-page].light-theme .landing-product-story--showcase .landing-product-shot__glass-shell--section,
html[data-landing-page].light .landing-product-story--showcase .landing-product-shot__glass-shell--section,
html[data-landing-page].light-theme #financial-workflows-copy .landing-product-shot__glass-shell,
html[data-landing-page].light #financial-workflows-copy .landing-product-shot__glass-shell,
html[data-landing-page].light-theme :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace) .landing-product-shot__glass-shell--section,
html[data-landing-page].light :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace) .landing-product-shot__glass-shell--section,
html[data-landing-page].light-theme :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace).landing-product-story--showcase .landing-product-shot__glass-shell--section,
html[data-landing-page].light :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace).landing-product-story--showcase .landing-product-shot__glass-shell--section {
    padding: var(--landing-product-shot-frame-inset);
    overflow: clip;
    border: 1px solid var(--landing-device-glass-border);
    outline: none;
    background: var(--landing-device-glass-background);
    box-shadow: var(--landing-device-glass-shadow);
    -webkit-backdrop-filter: var(--landing-device-glass-filter);
    backdrop-filter: var(--landing-device-glass-filter);
}

html[data-landing-page].light-theme .landing-product-shot__window--real,
html[data-landing-page].light .landing-product-shot__window--real,
html[data-landing-page].light-theme .landing-product-shot__window--section-real,
html[data-landing-page].light .landing-product-shot__window--section-real,
html[data-landing-page].light-theme .landing-product-shot--section .landing-product-shot__window--section-real,
html[data-landing-page].light .landing-product-shot--section .landing-product-shot__window--section-real,
html[data-landing-page].light-theme .landing-product-story--showcase .landing-product-shot__window--section-real,
html[data-landing-page].light .landing-product-story--showcase .landing-product-shot__window--section-real,
html[data-landing-page].light-theme :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace) .landing-product-shot__window--section-real,
html[data-landing-page].light :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace) .landing-product-shot__window--section-real,
html[data-landing-page].light-theme :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace).landing-product-story--showcase .landing-product-shot__window--section-real,
html[data-landing-page].light :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace).landing-product-story--showcase .landing-product-shot__window--section-real {
    border: 1px solid var(--color-border-primary);
    outline: none;
    box-shadow: none;
}

html[data-landing-page].light-theme .landing-product-shot__live-preview,
html[data-landing-page].light .landing-product-shot__live-preview,
html[data-landing-page].light-theme .landing-product-shot--section .landing-product-shot__window--section-real,
html[data-landing-page].light .landing-product-shot--section .landing-product-shot__window--section-real,
html[data-landing-page].light-theme #financial-workflows-copy .landing-product-shot__live-preview,
html[data-landing-page].light #financial-workflows-copy .landing-product-shot__live-preview {
    background: #ffffff;
}

html[data-landing-page].light-theme :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace) .landing-product-shot__glass-shell--section,
html[data-landing-page].light :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace) .landing-product-shot__glass-shell--section {
    border-radius: var(
        --landing-product-showcase-device-radius,
        calc(var(--landing-product-showcase-image-radius, var(--radius-xl)) + var(--landing-product-shot-frame-inset))
    );
}

html[data-landing-page].light-theme :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace) .landing-product-shot__window--section-real,
html[data-landing-page].light :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace) .landing-product-shot__window--section-real {
    border-radius: var(--landing-product-showcase-image-radius, var(--radius-xl));
}

html[data-landing-page].light-theme .landing-fintech-flow,
html[data-landing-page].light .landing-fintech-flow {
    border: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html[data-landing-page].light-theme .landing-main > .landing-section,
html[data-landing-page].light .landing-main > .landing-section,
html[data-landing-page].light-theme .landing-main > .landing-section-xl,
html[data-landing-page].light .landing-main > .landing-section-xl,
html[data-landing-page].light-theme .landing-main > .landing-section:nth-of-type(even),
html[data-landing-page].light .landing-main > .landing-section:nth-of-type(even),
html[data-landing-page].light-theme .landing-main > .landing-section-xl:nth-of-type(even),
html[data-landing-page].light .landing-main > .landing-section-xl:nth-of-type(even) {
    background-color: var(--landing-canvas, #ffffff);
}

html[data-landing-page].light-theme #financial-workflows-copy .landing-workflow-copy-waitlist__row,
html[data-landing-page].light #financial-workflows-copy .landing-workflow-copy-waitlist__row {
    background: #ffffff;
    border: 1px solid rgb(7 7 7 / 0.1);
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html[data-landing-page].light-theme #financial-workflows-copy .landing-workflow-copy-waitlist:focus-within .landing-workflow-copy-waitlist__row,
html[data-landing-page].light #financial-workflows-copy .landing-workflow-copy-waitlist:focus-within .landing-workflow-copy-waitlist__row {
    border-color: rgb(7 7 7 / 0.18);
    box-shadow: none;
}

html[data-landing-page].light-theme .landing-waitlist-card,
html[data-landing-page].light .landing-waitlist-card {
    border: 1px solid rgb(7 7 7 / 0.1);
    background: #ffffff;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html[data-landing-page].light-theme .landing-waitlist-card:focus-within,
html[data-landing-page].light .landing-waitlist-card:focus-within {
    border-color: rgb(7 7 7 / 0.18);
    box-shadow: none;
}

html[data-landing-page].light-theme .landing-motion-faq,
html[data-landing-page].light .landing-motion-faq {
    --landing-faq-surface: #ffffff;
    --landing-faq-surface-open: #ffffff;
}

html[data-landing-page].light-theme .landing-motion-faq__item,
html[data-landing-page].light .landing-motion-faq__item,
html[data-landing-page].light-theme .landing-motion-faq__item.is-open,
html[data-landing-page].light .landing-motion-faq__item.is-open {
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgb(7 7 7 / 0.08);
}

html[data-landing-page].light-theme .landing-use-case-playback,
html[data-landing-page].light .landing-use-case-playback {
    --use-case-dim: 0.72;
}

html[data-landing-page].light-theme .landing-main #what-you-can .landing-use-case-playback .landing-use-case-tile.is-use-case-muted p,
html[data-landing-page].light .landing-main #what-you-can .landing-use-case-playback .landing-use-case-tile.is-use-case-muted p {
    color: var(--color-text-secondary) !important;
}

html[data-landing-page].light-theme #financial-workflows-copy .landing-workflow-copy-switch,
html[data-landing-page].light #financial-workflows-copy .landing-workflow-copy-switch {
    color: var(--color-text-secondary);
}

html[data-landing-page].light-theme #appsMenuPanel,
html[data-landing-page].light #appsMenuPanel,
html[data-landing-page].light-theme #mainNav #appsMenuPanel,
html[data-landing-page].light #mainNav #appsMenuPanel {
    background: #ffffff !important;
    border: 1px solid rgb(7 7 7 / 0.1) !important;
    box-shadow: 0 16px 48px rgb(7 7 7 / 0.12) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html[data-landing-page].light-theme .landing-mobile-nav--home .landing-mobile-nav__panel,
html[data-landing-page].light .landing-mobile-nav--home .landing-mobile-nav__panel {
    --landing-menu-card-surface: #ffffff;
    --landing-menu-card-surface-hover: #ffffff;
    --landing-menu-card-border: rgb(7 7 7 / 0.1);
    --landing-menu-card-border-hover: var(--color-border-strong);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--color-bg-canvas) 28%, transparent) 0%,
            color-mix(in srgb, var(--color-bg-canvas) 62%, transparent) 100%
        );
}

html[data-landing-page].light-theme .landing-mobile-nav--home .landing-menu-card,
html[data-landing-page].light .landing-mobile-nav--home .landing-menu-card {
    background: #ffffff;
    box-shadow: none;
}

html[data-landing-page].light-theme .landing-back-to-top,
html[data-landing-page].light .landing-back-to-top {
    background: #ffffff;
    border-color: rgb(7 7 7 / 0.12);
    box-shadow: 0 0.75rem 2rem rgb(7 7 7 / 0.12);
}

html[data-landing-page].light-theme #financial-workflows-copy .landing-workflow-copy-waitlist__submit,
html[data-landing-page].light #financial-workflows-copy .landing-workflow-copy-waitlist__submit {
    background: var(--color-button-primary);
    color: var(--color-button-primary-text);
}

html[data-landing-page].light-theme #financial-workflows-copy .landing-workflow-copy-waitlist__input,
html[data-landing-page].light #financial-workflows-copy .landing-workflow-copy-waitlist__input {
    color-scheme: light;
}

html[data-landing-page].light-theme #financial-workflows-copy .landing-workflow-copy-waitlist__input::placeholder,
html[data-landing-page].light #financial-workflows-copy .landing-workflow-copy-waitlist__input::placeholder {
    color: var(--color-text-muted);
}

html[data-landing-page].light-theme #financial-workflows-copy .landing-workflow-copy-waitlist__input:focus-visible,
html[data-landing-page].light #financial-workflows-copy .landing-workflow-copy-waitlist__input:focus-visible {
    outline: var(--button-focus-width) solid var(--color-button-primary-focus) !important;
    outline-offset: var(--button-focus-offset);
}

html[data-landing-page].light-theme :where(a, button, input, select, textarea, [tabindex]):focus-visible,
html[data-landing-page].light :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: var(--button-focus-width) solid var(--color-button-primary-focus);
    outline-offset: var(--button-focus-offset);
}

@media (prefers-contrast: more) {
    html[data-landing-page].light-theme :where(a, button, input, select, textarea, [tabindex]):focus-visible,
    html[data-landing-page].light :where(a, button, input, select, textarea, [tabindex]):focus-visible {
        outline-width: max(3px, var(--button-focus-width));
    }

    html[data-landing-page].light-theme #financial-workflows-copy .landing-workflow-copy-waitlist__input:focus-visible,
    html[data-landing-page].light #financial-workflows-copy .landing-workflow-copy-waitlist__input:focus-visible {
        outline-width: max(3px, var(--button-focus-width)) !important;
    }
}

html[data-landing-page].light-theme .landing-waitlist-input,
html[data-landing-page].light .landing-waitlist-input {
    border-color: rgb(7 7 7 / 0.1);
    background: var(--color-surface-muted);
    color: var(--color-text-primary);
    color-scheme: light;
}

html[data-landing-page].light-theme .landing-waitlist-input:user-invalid,
html[data-landing-page].light .landing-waitlist-input:user-invalid,
html[data-landing-page].light-theme .landing-waitlist-input.is-invalid,
html[data-landing-page].light .landing-waitlist-input.is-invalid {
    border-color: color-mix(in srgb, var(--color-error, #ef4444) 72%, transparent);
    background: color-mix(in srgb, var(--color-error, #ef4444) 8%, #ffffff);
}

html[data-landing-page].light-theme .footer-landing,
html[data-landing-page].light .footer-landing {
    --landing-section-divider-line: linear-gradient(
        90deg,
        transparent 0%,
        rgb(7 7 7 / 0.08) 12%,
        var(--color-border-strong) 30%,
        var(--color-border-strong) 70%,
        rgb(7 7 7 / 0.08) 88%,
        transparent 100%
    );
    --footer-landing-wordmark-gradient: linear-gradient(
        90deg,
        color-mix(in srgb, var(--color-text-primary) 22%, transparent) 0%,
        color-mix(in srgb, var(--color-text-primary) 38%, transparent) 20%,
        color-mix(in srgb, var(--color-text-primary) 58%, transparent) 50%,
        color-mix(in srgb, var(--color-text-primary) 38%, transparent) 80%,
        color-mix(in srgb, var(--color-text-primary) 22%, transparent) 100%
    );
    --footer-landing-wordmark-gradient-inview: linear-gradient(
        90deg,
        color-mix(in srgb, var(--color-text-primary) 32%, transparent) 0%,
        color-mix(in srgb, var(--color-text-primary) 48%, transparent) 20%,
        color-mix(in srgb, var(--color-text-primary) 72%, transparent) 50%,
        color-mix(in srgb, var(--color-text-primary) 48%, transparent) 80%,
        color-mix(in srgb, var(--color-text-primary) 32%, transparent) 100%
    );
}

html[data-landing-page].light-theme .navorina-get-started-host,
html[data-landing-page].light .navorina-get-started-host,
html[data-landing-page].light-theme #landingGetStartedMount,
html[data-landing-page].light #landingGetStartedMount,
html[data-landing-page].light-theme #toolSharedGetStartedMount,
html[data-landing-page].light #toolSharedGetStartedMount {
    background-color: var(--color-bg-canvas, #ffffff);
    color: var(--color-text-primary);
    --landing-section-divider-line: linear-gradient(
        90deg,
        transparent 0%,
        rgb(7 7 7 / 0.08) 12%,
        var(--color-border-strong) 30%,
        var(--color-border-strong) 70%,
        rgb(7 7 7 / 0.08) 88%,
        transparent 100%
    );
}

html[data-landing-page].light-theme #landingGetStartedMount .landing-eyebrow,
html[data-landing-page].light #landingGetStartedMount .landing-eyebrow,
html[data-landing-page].light-theme .navorina-get-started-host .landing-eyebrow,
html[data-landing-page].light .navorina-get-started-host .landing-eyebrow {
    color: var(--color-text-secondary);
    background: var(--color-surface-muted);
    border-color: rgb(7 7 7 / 0.08);
}

html[data-landing-page].light-theme .landing-product-shot--live.is-inview:hover .landing-product-shot__glass-shell--section,
html[data-landing-page].light .landing-product-shot--live.is-inview:hover .landing-product-shot__glass-shell--section,
html[data-landing-page].light-theme :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace) .landing-product-shot--live.is-inview:hover .landing-product-shot__glass-shell--section,
html[data-landing-page].light :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace) .landing-product-shot--live.is-inview:hover .landing-product-shot__glass-shell--section,
html[data-landing-page].light-theme :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace).landing-product-story--showcase .landing-product-shot--live.is-inview:hover .landing-product-shot__glass-shell--section,
html[data-landing-page].light :is(#features, #calculator-suite, #nucleus-workspace, #assistant-workspace).landing-product-story--showcase .landing-product-shot--live.is-inview:hover .landing-product-shot__glass-shell--section {
    border: 1px solid rgb(0 0 0 / 0.12);
    outline: none;
    box-shadow: 0 1.5rem 3.5rem rgb(0 0 0 / 0.08);
}

html[data-landing-page].light-theme .landing-menu-aside__cta:hover,
html[data-landing-page].light .landing-menu-aside__cta:hover {
    background: color-mix(in srgb, var(--color-text-primary) 8%, var(--landing-canvas));
}

html[data-landing-page].light-theme #mainNav.navorina-scroll-header--home > #navContainer.landing-home-nav,
html[data-landing-page].light-theme #mainNav.navorina-scroll-header--home > #navContainer.landing-home-nav.scrolled,
html[data-landing-page].light #mainNav.navorina-scroll-header--home > #navContainer.landing-home-nav,
html[data-landing-page].light #mainNav.navorina-scroll-header--home > #navContainer.landing-home-nav.scrolled {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#mainNav.navorina-scroll-header--home .landing-home-nav__theme {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--landing-nav-control-size, var(--control-height-mobile, 42px));
    min-block-size: var(--landing-nav-control-size, var(--control-height-mobile, 42px));
    padding: 0;
    border: 0;
    border-radius: var(--radius-circle, 50%);
    background: color-mix(in srgb, var(--color-text-primary) 6%, transparent);
    color: var(--color-text-primary);
    box-shadow: none;
    cursor: pointer;
    transition:
        background var(--transition-fast, 150ms) ease,
        color var(--transition-fast, 150ms) ease,
        transform var(--transition-fast, 150ms) ease;
}

#mainNav.navorina-scroll-header--home .landing-home-nav__theme:hover {
    background: color-mix(in srgb, var(--color-text-primary) 10%, transparent);
    transform: translateY(-1px);
}

#mainNav.navorina-scroll-header--home .landing-home-nav__theme:active {
    transform: scale(0.96);
}

#mainNav.navorina-scroll-header--home .landing-home-nav__theme:focus-visible {
    outline: 2px solid var(--color-button-primary-focus);
    outline-offset: 3px;
}

.landing-theme-wave {
    position: fixed;
    z-index: 2147483646;
    inline-size: 2px;
    block-size: 2px;
    border-radius: 50%;
    opacity: 1;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0);
    transform-origin: center;
    contain: strict;
    will-change: transform, opacity;
}

#mainNav.navorina-scroll-header--home .landing-home-nav__theme svg {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 18px;
    height: 18px;
    fill: currentColor;
    overflow: visible;
    pointer-events: none;
    translate: -50% -50%;
    transform-origin: center;
    transition:
        opacity 180ms cubic-bezier(0.2, 0, 0, 1),
        scale 240ms cubic-bezier(0.2, 0, 0, 1),
        filter 240ms cubic-bezier(0.2, 0, 0, 1);
}

.landing-theme-icon--sun,
html.light-theme .landing-theme-icon--moon,
html.light .landing-theme-icon--moon {
    opacity: 1;
    scale: 1;
    filter: blur(0);
}

.landing-theme-icon--moon,
html.light-theme .landing-theme-icon--sun,
html.light .landing-theme-icon--sun {
    opacity: 0;
    scale: 0.25;
    filter: blur(4px);
}

@media (prefers-reduced-motion: no-preference) {
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation: none;
        mix-blend-mode: normal;
    }

    ::view-transition-old(root) {
        z-index: 1;
    }

    ::view-transition-new(root) {
        z-index: 2;
    }
}

@media (prefers-reduced-motion: reduce) {
    .landing-theme-wave {
        display: none;
    }

    #mainNav.navorina-scroll-header--home .landing-home-nav__theme svg,
    ::view-transition-group(*),
    ::view-transition-old(*),
    ::view-transition-new(*) {
        animation: none !important;
        transition: none !important;
    }
}