/* PUBLIC03 shares PUBLIC02's ink, type and brand gradient; all rules stay on Discover. */
.nx-discover { position: relative; min-width: 0; isolation: isolate; }
.nx-discover::before { position: absolute; z-index: -1; inset: 0 0 auto; height: 850px; content: ""; pointer-events: none; background: radial-gradient(ellipse at 78% 12%, #713fe51f, transparent 48%), radial-gradient(ellipse at 6% 23%, #3288ff16, transparent 42%); }
.nx-discover .nx-discover-hero { padding-top: 76px; }
.nx-discover .nx-discover-hero::before { right: -150px; top: -120px; width: 620px; height: 620px; background: radial-gradient(ellipse, #f238a51c, transparent 69%); }
.nx-discover .nx-hero-copy { max-width: 640px; }
.nx-discover .nx-hero-copy > .nx-eyebrow { color: var(--nx-muted); }
.nx-discover .nx-home h1, .nx-discover h1 { max-width: 650px; font-size: clamp(3.4rem, 6.1vw, 5.8rem); line-height: .98; letter-spacing: -.075em; }
.nx-discover .nx-lead { max-width: 560px; }
.nx-discover .nx-actions { gap: 11px; }
.nx-discover .nx-invitation { color: var(--nx-ink); text-decoration-color: #9755f577; text-underline-offset: 5px; }
.nx-discover .nx-hero-stage { padding: 36px 0 24px; }
.nx-discover-stage .nx-stage-orbit { inset: 2px -25px 18px; border-color: #9755f545; transform: rotate(-13deg); }
.nx-discover-stage .nx-stage-orbit::after { background: var(--nx-pink); box-shadow: 0 0 30px #f238a580; }
.nx-discover-stage-note { display: flex; justify-content: space-between; gap: 12px; margin: 0 8px 12px; color: #b8bed2; font-size: .6rem; font-weight: 800; letter-spacing: .13em; }
.nx-discover .nx-hero-baseline { grid-column: 1 / -1; }
.nx-discover .nx-motion-control { color: var(--nx-muted); }
.nx-discover .nx-ribbon { border-block: 1px solid #ffffff0c; background: linear-gradient(90deg, #3288ff0c, #9755f50b 50%, #f238a50c); }
.nx-discover .nx-ribbon b { color: var(--nx-pink); }

.nx-discover-platform { padding-top: 94px; }
.nx-discover .nx-section-heading { max-width: 1040px; }
.nx-discover .nx-section-heading h2 { font-size: clamp(2.6rem, 5.3vw, 4.7rem); line-height: .99; letter-spacing: -.065em; }
.nx-discover .nx-section-heading h2 em { color: transparent; background: var(--nx-brand); -webkit-background-clip: text; background-clip: text; }
.nx-discover .nx-section-heading > p { max-width: 430px; color: var(--nx-muted); line-height: 1.75; }
.nx-discover-feature-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin-top: 42px; }
.nx-discover-feature { --feature-accent: var(--nx-blue); position: relative; display: flex; min-height: 290px; flex-direction: column; align-items: flex-start; grid-column: span 2; overflow: hidden; padding: 25px; border: 1px solid #ffffff16; border-radius: 15px; background: radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--feature-accent) 17%, transparent), transparent 54%), linear-gradient(145deg, #141727, #0d101a 78%); box-shadow: 0 20px 48px #0003; transition: transform .38s cubic-bezier(.2,.8,.2,1), border-color .38s ease, box-shadow .38s ease; }
.nx-discover-feature:nth-child(4) { grid-column: 2 / span 2; }
.nx-discover-feature:nth-child(5) { grid-column: 4 / span 2; }
.nx-discover-feature::after { position: absolute; inset: auto 20px 0; height: 1px; content: ""; background: linear-gradient(90deg, transparent, var(--feature-accent), transparent); opacity: .65; }
.nx-discover-feature:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--feature-accent) 55%, #ffffff20); box-shadow: 0 26px 65px #0005, 0 0 32px color-mix(in srgb, var(--feature-accent) 12%, transparent); }
.nx-discover-feature-community { --feature-accent: #3288ff; }
.nx-discover-feature-club { --feature-accent: #9755f5; }
.nx-discover-feature-player { --feature-accent: #f238a5; }
.nx-discover-feature-competition { --feature-accent: #8050e6; }
.nx-discover-feature-live { --feature-accent: #dd278d; }
.nx-discover-feature-index { display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom: 25px; color: #ffffff64; font-size: .68rem; font-weight: 800; letter-spacing: .12em; }
.nx-discover-feature-index i { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid color-mix(in srgb, var(--feature-accent) 42%, transparent); border-radius: 11px; color: var(--feature-accent); background: color-mix(in srgb, var(--feature-accent) 12%, transparent); font-size: 1.15rem; font-style: normal; box-shadow: 0 0 24px color-mix(in srgb, var(--feature-accent) 18%, transparent); }
.nx-discover-feature > .nx-eyebrow { color: var(--feature-accent); font-size: .6rem; }
.nx-discover-feature h3 { max-width: 300px; margin: 9px 0 10px; font-size: clamp(1.3rem, 2vw, 1.65rem); line-height: 1.14; letter-spacing: -.035em; }
.nx-discover-feature p { flex: 1; max-width: 345px; color: var(--nx-muted); font-size: .84rem; line-height: 1.7; }
.nx-discover-feature > a { display: inline-flex; align-items: center; gap: 9px; margin-top: 22px; color: var(--nx-ink); font-size: .76rem; font-weight: 750; text-decoration: none; }
.nx-discover-feature > a span { color: var(--feature-accent); font-size: 1.1rem; transition: transform .25s ease; }
.nx-discover-feature > a:hover span { transform: translate(3px, -3px); }
.nx-discover-promise { display: flex; align-items: center; gap: 17px; margin-top: 18px; padding: 18px 22px; border: 1px solid #ffffff13; border-radius: 12px; background: linear-gradient(100deg, #3288ff0d, #9755f512 53%, #f238a50c); }
.nx-discover-promise-mark { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; border: 1px solid #9755f566; border-radius: 12px; color: #f238a5; font-weight: 900; }
.nx-discover-promise p { flex: 1; color: var(--nx-muted); font-size: .8rem; line-height: 1.6; }
.nx-discover-promise p strong { color: var(--nx-ink); }
.nx-discover-promise > a { color: var(--nx-ink); font-size: .72rem; font-weight: 750; text-decoration-color: #9755f577; text-underline-offset: 4px; white-space: nowrap; }

.nx-discover-arena { scroll-margin-top: 24px; padding-top: 76px; }
.nx-discover-arena .discover-public-arena { padding: 25px; border-color: #9755f544; border-radius: 20px; background: radial-gradient(ellipse at 0 0, #3288ff15, transparent 42%), radial-gradient(ellipse at 100% 100%, #f238a510, transparent 40%), #0c0f1b; box-shadow: 0 24px 70px #0003; }
.nx-discover-arena .discover-loading { min-height: 190px; }
.nx-discover-arena .discover-loading span, .nx-discover-arena .discover-public-heading > div > span, .nx-discover-arena .discover-section-title span { color: #9755f5; }
.nx-discover-arena .discover-public-heading { align-items: flex-start; }
.nx-discover-arena .discover-public-heading h2 { max-width: 740px; margin: 8px 0; font-size: clamp(1.8rem, 3.2vw, 2.8rem); letter-spacing: -.045em; }
.nx-discover-arena .discover-public-heading p { max-width: 620px; color: var(--nx-muted); line-height: 1.65; }
.nx-discover-arena .discover-public-counts { gap: 8px; }
.nx-discover-arena .discover-public-counts strong { border-color: #ffffff17; border-radius: 10px; background: #ffffff08; }
.nx-discover-arena .discover-public-counts small { color: #b8bed2; }
.nx-discover-arena .discover-search span { color: #b8bed2; }
.nx-discover-arena .discover-search input { min-height: 48px; border-color: #ffffff20; border-radius: 9px; background: #080a13; }
.nx-discover-arena .discover-search input:focus { border-color: var(--nx-purple); box-shadow: 0 0 0 3px #9755f533; }
.nx-discover-arena .discover-tournament-sections { gap: 28px; }
.nx-discover-arena .discover-tournament-section { gap: 12px; }
.nx-discover-arena .discover-section-title { gap: 11px; }
.nx-discover-arena .discover-section-title h3 { font-size: 1.22rem; }
.nx-discover-arena .discover-tournament-empty { border-color: #ffffff25; border-radius: 12px; color: var(--nx-muted); }
.nx-discover-arena .discover-tournament-empty strong { color: var(--nx-ink); }
.nx-discover .public-tournament-card { border-color: #ffffff1b; border-radius: 13px; background: linear-gradient(145deg, #171a2c, #0c0f19 82%); transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease; }
.nx-discover .public-tournament-card:hover { transform: translateY(-4px); border-color: #9755f566; box-shadow: 0 20px 45px #0005, 0 0 28px #9755f51a; }
.nx-discover .public-tournament-card.is-live { border-color: #f238a566; box-shadow: 0 0 27px #f238a510; }
.nx-discover .public-tournament-card-topline strong { color: #b9d3ff; background: #3288ff22; }
.nx-discover .public-tournament-card.is-live .public-tournament-card-topline strong { color: #ffb1dc; background: #f238a51e; }
.nx-discover .public-tournament-card-action { background: var(--nx-brand); color: white; transition: filter .22s ease, transform .22s ease; }
.nx-discover .public-tournament-card-action:hover { filter: brightness(1.14); transform: translateY(-1px); }
.nx-discover .public-tournament-card-creators { color: #e889cf; }

.nx-discover-capabilities { padding-top: 68px; }
.nx-discover .capability-discover { margin-top: 0; }
.nx-discover .capability-hero { max-width: 800px; }
.nx-discover .capability-hero span, .nx-discover .capability-section > header span { color: #9755f5; }
.nx-discover .capability-hero h2 { margin: 8px 0; font-size: clamp(1.8rem, 3.2vw, 2.9rem); letter-spacing: -.04em; }
.nx-discover .capability-hero p, .nx-discover .capability-card p { color: var(--nx-muted); }
.nx-discover .capability-legend { gap: 8px; margin: 20px 0 32px; }
.nx-discover .capability-legend span { border-color: #ffffff17; border-radius: 8px; background: #ffffff06; color: #d4d7e5; }
.nx-discover .capability-legend .state-ready { background: #3288ff; }
.nx-discover .capability-legend .state-setup { background: #9755f5; }
.nx-discover .capability-legend .state-license { background: #f238a5; }
.nx-discover .capability-card { min-height: 228px; border-color: #ffffff17; border-radius: 13px; background: linear-gradient(145deg, #141727, #0d101a); transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease; }
.nx-discover .capability-card:hover { transform: translateY(-4px); border-color: #9755f55c; box-shadow: 0 17px 38px #0004; }
.nx-discover .capability-card:target, .nx-discover .capability-card.capability-selected { border-color: var(--nx-purple); box-shadow: 0 0 0 3px #9755f52b; }
.nx-discover .capability-section > header h3 { margin: 6px 0 15px; font-size: 1.35rem; }
.nx-discover .capability-status { border-radius: 6px; background: #9755f51c; color: #caadff; }
.nx-discover .state-ready .capability-status { background: #3288ff1e; color: #9dc4ff; }
.nx-discover .state-licenserequired .capability-status { background: #f238a51e; color: #ff9dd4; }
.nx-discover .state-invitationrequired .capability-status { background: #dd278d1e; color: #f294cd; }
.nx-discover .state-comingsoon .capability-status { background: #ffffff0a; color: #a9afbf; }
.nx-discover .capability-card a { border-radius: 8px; background: var(--nx-brand); color: #fff; transition: filter .2s ease, transform .2s ease; }
.nx-discover .capability-card a:hover { filter: brightness(1.15); transform: translateY(-1px); }
.nx-discover .capability-disabled { border-radius: 8px; background: #ffffff0b; color: #a9afbf; }
.nx-discover .discover-intent-note { border-color: #9755f54a; border-radius: 12px; background: linear-gradient(120deg, #3288ff14, #9755f51c 58%, #f238a50c); }
.nx-discover .discover-intent-note span { color: #c6a8ff; }
.nx-discover .discover-intent-note p { color: var(--nx-muted); }
.nx-discover-final { margin-top: 30px; }
.nx-discover-final .nx-final-orbit { border-color: #9755f545; }
.nx-discover-final .nx-final-orbit::after { background: var(--nx-pink); box-shadow: 0 0 28px #f238a588; }
.nx-discover-final .nx-final-discover { display: inline-flex; margin: 18px 0 0 18px; color: var(--nx-ink); text-underline-offset: 4px; }
.nx-discover-final .nx-final-discover:hover { color: #e6b4ff; }

@media (max-width: 820px) {
    .nx-feature-videos-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
    .nx-feature-video-layout { grid-template-columns: minmax(0, 1fr); }
    .nx-feature-video-copy { max-width: 620px; }
    .nx-feature-video-picker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .nx-discover .nx-discover-hero { padding-top: 52px; }
    .nx-discover-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nx-discover-feature, .nx-discover-feature:nth-child(4), .nx-discover-feature:nth-child(5) { grid-column: auto; }
    .nx-discover-feature:last-child { grid-column: 1 / -1; }
    .nx-discover-promise { align-items: flex-start; flex-wrap: wrap; }
    .nx-discover-promise p { flex-basis: calc(100% - 58px); }
    .nx-discover-promise > a { margin-left: 57px; }
    .nx-discover-arena .discover-public-heading { flex-direction: column; }
    .nx-discover-arena .discover-public-counts { justify-content: flex-start; }
}
@media (max-width: 560px) {
    .nx-feature-videos { padding-top: 64px; }
    .nx-feature-video-screen { border-radius: 14px; }
    .nx-feature-video-screen::before { inset: 7px; border-radius: 9px; }
    .nx-feature-video-picker { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
    .nx-feature-video-picker button { gap: 7px; padding: 11px 9px; }
    .nx-feature-video-picker small { font-size: .48rem; }
    .nx-feature-video-frame-mark { right: 18px; bottom: 14px; }
    .nx-discover .nx-discover-hero { padding-top: 38px; }
    .nx-discover .nx-discover-hero .nx-hero-copy > .nx-eyebrow { font-size: .57rem; }
    .nx-discover .nx-hero-stage { padding: 10px 0; }
    .nx-discover-stage-note { margin-inline: 3px; font-size: .52rem; }
    .nx-discover-platform { padding-top: 58px; }
    .nx-discover-feature-grid { grid-template-columns: 1fr; gap: 11px; margin-top: 28px; }
    .nx-discover-feature, .nx-discover-feature:last-child { min-height: 248px; grid-column: auto; padding: 22px; }
    .nx-discover-feature-index { margin-bottom: 17px; }
    .nx-discover-promise { gap: 12px; padding: 16px; }
    .nx-discover-promise p { flex-basis: calc(100% - 53px); }
    .nx-discover-promise > a { margin-left: 52px; }
    .nx-discover-arena { padding-top: 45px; }
    .nx-discover-arena .discover-public-arena { padding: 16px; }
    .nx-discover .capability-grid { grid-template-columns: 1fr; }
    .nx-discover-final .nx-final-discover { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .nx-discover .nx-discover-feature, .nx-discover .nx-discover-feature > a span,
    .nx-discover .public-tournament-card, .nx-discover .public-tournament-card-action,
    .nx-discover .capability-card, .nx-discover .capability-card a { transition: none !important; }
    .nx-discover .nx-discover-feature:hover, .nx-discover .public-tournament-card:hover,
    .nx-discover .capability-card:hover, .nx-discover .capability-card a:hover { transform: none; }
}


/* Keep the presentation cards and public arena legible in both brand themes. */
.nx-discover-feature { color: #f6f7ff; }
.nx-discover-feature p { color: #b8bed2; }
.nx-discover-feature > a { color: #f6f7ff; }
.nx-discover-arena .discover-public-arena { display: grid; gap: 18px; color: #f6f7ff; }
.nx-discover-arena .discover-loading { display: grid; place-content: center; text-align: center; }
.nx-discover-arena .discover-public-heading { display: flex; justify-content: space-between; gap: 22px; }
.nx-discover-arena .discover-public-heading h2 { color: #f6f7ff; }
.nx-discover-arena .discover-public-heading p { margin: 0; color: #b8bed2; }
.nx-discover-arena .discover-public-counts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.nx-discover-arena .discover-public-counts strong { min-width: 72px; padding: 10px 12px; color: #f6f7ff; font-size: 1.15rem; }
.nx-discover-arena .discover-public-counts small { display: block; margin-top: 3px; color: #b8bed2; font-size: .63rem; }
.nx-discover-arena .discover-search { display: grid; gap: 6px; }
.nx-discover-arena .discover-search input { width: 100%; padding: 12px 14px; color: #f6f7ff; }
.nx-discover-arena .discover-tournament-sections,
.nx-discover-arena .discover-tournament-section { display: grid; }
.nx-discover-arena .discover-tournament-sections { gap: 28px; }
.nx-discover-arena .discover-tournament-section { gap: 12px; }
.nx-discover-arena .discover-section-title { display: flex; align-items: flex-end; gap: 11px; }
.nx-discover-arena .discover-section-title h3 { color: #f6f7ff; }
.nx-discover-arena .discover-tournament-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.nx-discover-arena .discover-tournament-empty { display: grid; place-items: center; gap: 5px; padding: 32px; color: #b8bed2; text-align: center; }
.nx-discover-arena .discover-tournament-empty strong { color: #f6f7ff; }
.nx-discover .capability-card { color: #f6f7ff; }
.nx-discover .capability-card p { color: #b8bed2; }
html[data-na-theme="light"] .nx-discover .discover-intent-note span,
html[data-na-theme="light"] .nx-discover .capability-hero span,
html[data-na-theme="light"] .nx-discover .capability-section > header span { color: #6840c9; }
html[data-na-theme="light"] .nx-discover .capability-legend span { border-color: #24233d25; background: #fff; color: #535c75; }
@media (max-width: 1100px) {
    .nx-discover-arena .discover-tournament-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .nx-discover-arena .discover-tournament-grid { grid-template-columns: 1fr; }
}
.nx-discover-feature h3,
.nx-discover .capability-card h4 { color: #f6f7ff; }

/* Override the generic light landing heading/text palette inside dark Discover cards. */
html[data-na-theme="light"] .na-public-shell .nx-discover-feature h3,
html[data-na-theme="light"] .na-public-shell .nx-discover-arena .discover-public-heading h2,
html[data-na-theme="light"] .na-public-shell .nx-discover-arena .discover-section-title h3,
html[data-na-theme="light"] .na-public-shell .nx-discover-arena .discover-tournament-empty strong,
html[data-na-theme="light"] .na-public-shell .nx-discover-arena .discover-public-counts strong,
html[data-na-theme="light"] .na-public-shell .nx-discover .capability-card h4,
html[data-na-theme="light"] .na-public-shell .nx-discover .public-tournament-card h3,
html[data-na-theme="light"] .na-public-shell .nx-discover .public-tournament-card-facts strong { color: #f6f7ff; }
html[data-na-theme="light"] .na-public-shell .nx-discover-feature p,
html[data-na-theme="light"] .na-public-shell .nx-discover-arena .discover-public-heading p,
html[data-na-theme="light"] .na-public-shell .nx-discover-arena .discover-tournament-empty,
html[data-na-theme="light"] .na-public-shell .nx-discover .capability-card p,
html[data-na-theme="light"] .na-public-shell .nx-discover .public-tournament-card p { color: #b8bed2; }
html[data-na-theme="light"] .na-public-shell .nx-discover .public-tournament-card-topline strong { color: #b9d3ff; }
html[data-na-theme="light"] .na-public-shell .nx-discover .public-tournament-card.is-live .public-tournament-card-topline strong { color: #ffb1dc; }
html[data-na-theme="light"] .na-public-shell .nx-discover .public-tournament-card-creators { color: #e889cf; }

/* Structural styles retained from the public lobby and focused discovery notes. */
.nx-discover .discover-intent-note { margin: 0 auto 20px; padding: 18px 20px; border: 1px solid #9755f54a; border-radius: 12px; }
.nx-discover .discover-intent-note span,
.nx-discover .discover-intent-note strong { display: block; }
.nx-discover .discover-intent-note span { font-size: .72rem; font-weight: 900; letter-spacing: .12em; }
.nx-discover .discover-intent-note strong { margin: .4rem 0; font-size: 1.08rem; }
.nx-discover .discover-intent-note p { margin: 0; line-height: 1.5; }
.nx-discover-arena .discover-public-arena { border: 1px solid #9755f544; border-radius: 20px; }
.nx-discover-arena .discover-public-counts strong { border: 1px solid #ffffff17; border-radius: 10px; background: #ffffff08; }
.nx-discover-arena .discover-search input { border: 1px solid #ffffff20; border-radius: 9px; outline: none; background: #080a13; }
.nx-discover-arena .discover-tournament-empty { border: 1px dashed #ffffff25; border-radius: 12px; }
/* PUBLIC04 video showcase: one CDN-backed player, with branded placeholders until clips are published. */
.nx-feature-videos { padding-top: 92px; }
.nx-feature-videos-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 30px; }
.nx-feature-videos-heading > div { max-width: 710px; }
.nx-feature-videos-heading h2 { margin: 8px 0 0; font-size: clamp(2.4rem, 5vw, 4.35rem); line-height: 1; letter-spacing: -.065em; }
.nx-feature-videos-heading h2 em { color: transparent; background: var(--nx-brand); -webkit-background-clip: text; background-clip: text; font-style: normal; }
.nx-feature-videos-heading > p { max-width: 390px; margin: 0 0 4px; color: var(--nx-muted); font-size: .9rem; line-height: 1.7; }
.nx-feature-video-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(260px, .75fr); gap: clamp(22px, 4vw, 54px); align-items: center; }
.nx-feature-video-screen { position: relative; display: grid; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden; place-items: center; border: 1px solid #9755f55c; border-radius: 20px; background: radial-gradient(ellipse at 22% 80%, #3288ff35, transparent 46%), radial-gradient(ellipse at 76% 12%, #f238a52c, transparent 48%), linear-gradient(145deg, #15172a, #090b13 76%); box-shadow: 0 26px 80px #0006, inset 0 0 70px #9755f512; }
.nx-feature-video-screen::before, .nx-feature-video-screen::after { position: absolute; z-index: 0; inset: 12px; border: 1px solid #ffffff0c; border-radius: 13px; content: ""; pointer-events: none; }
.nx-feature-video-screen::after { inset: auto 12% 0; height: 1px; border: 0; background: linear-gradient(90deg, transparent, #3288ff, #9755f5, #f238a5, transparent); opacity: .8; }
.nx-feature-video-screen video { position: relative; z-index: 1; width: 100%; height: 100%; background: #090b13; object-fit: contain; }
.nx-feature-video-placeholder { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 24px; text-align: center; }
.nx-video-orbit { position: relative; display: grid; width: clamp(70px, 10vw, 116px); aspect-ratio: 1; margin-bottom: 6px; place-items: center; border: 1px solid #9755f55c; border-radius: 50%; background: linear-gradient(145deg, #3288ff22, #9755f529 53%, #f238a51c); box-shadow: 0 0 55px #9755f529, inset 0 0 24px #3288ff12; animation: nx-feature-video-pulse 3.8s ease-in-out infinite; }
.nx-video-orbit::before, .nx-video-orbit::after { position: absolute; inset: -10px; border: 1px solid #3288ff30; border-radius: 50%; content: ""; transform: rotate(-24deg) scaleX(1.28); }
.nx-video-orbit::after { inset: -17px; border-color: #f238a530; transform: rotate(28deg) scaleX(1.17); }
.nx-video-orbit i { position: absolute; top: 5%; right: 16%; width: 7px; height: 7px; border-radius: 50%; background: var(--nx-pink); box-shadow: 0 0 18px var(--nx-pink); }
.nx-video-orbit b { margin-left: 5px; color: white; font-size: clamp(1.25rem, 3vw, 2rem); text-shadow: 0 0 24px #9755f5; }
.nx-feature-video-status { color: #c6a8ff; font-size: .62rem; font-weight: 900; letter-spacing: .16em; }
.nx-feature-video-placeholder > strong { color: var(--nx-ink); font-size: clamp(1.2rem, 2.8vw, 2rem); letter-spacing: -.04em; }
.nx-feature-video-placeholder > span:last-child { color: #b8bed2; font-size: .8rem; }
.nx-feature-video-frame-mark { position: absolute; z-index: 2; right: 28px; bottom: 24px; color: #ffffff78; font-size: .72rem; font-weight: 900; letter-spacing: .08em; }
.nx-feature-video-copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }
.nx-feature-video-copy > .nx-eyebrow { color: #c6a8ff; font-size: .62rem; }
.nx-feature-video-copy h3 { margin: 12px 0 10px; font-size: clamp(1.65rem, 3vw, 2.55rem); line-height: 1.08; letter-spacing: -.05em; }
.nx-feature-video-copy p { margin: 0; color: var(--nx-muted); font-size: .9rem; line-height: 1.7; }
.nx-feature-video-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; color: var(--nx-ink); font-size: .8rem; font-weight: 800; text-decoration: none; }
.nx-feature-video-link span { color: var(--nx-pink); transition: transform .25s ease; }
.nx-feature-video-link:hover span { transform: translate(3px, -3px); }
.nx-feature-video-copy > small { margin-top: 20px; color: #8f96ab; font-size: .72rem; line-height: 1.55; }
.nx-feature-video-picker { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; margin-top: 22px; }
.nx-feature-video-picker button { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 13px 12px; border: 1px solid #ffffff16; border-radius: 12px; color: var(--nx-ink); background: linear-gradient(145deg, #141727, #0d101a); text-align: left; cursor: pointer; transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease; }
.nx-feature-video-picker button:hover { transform: translateY(-3px); border-color: #9755f566; }
.nx-feature-video-picker button.is-selected { border-color: #9755f5a3; background: linear-gradient(115deg, #3288ff18, #9755f524 58%, #f238a516); box-shadow: 0 0 24px #9755f51c; }
.nx-feature-video-number { color: #a88bff; font-size: .62rem; font-weight: 900; letter-spacing: .06em; }
.nx-feature-video-picker button > span:nth-child(2) { display: grid; min-width: 0; gap: 4px; }
.nx-feature-video-picker strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.nx-feature-video-picker small { overflow: hidden; color: #929ab1; font-size: .54rem; letter-spacing: .07em; text-overflow: ellipsis; white-space: nowrap; }
.nx-feature-video-arrow { color: #e985cb; font-size: .8rem; opacity: .75; transition: transform .25s ease; }
.nx-feature-video-picker button.is-selected .nx-feature-video-arrow { transform: rotate(45deg); }
.nx-feature-video-picker button:focus-visible, .nx-feature-video-link:focus-visible { outline: 2px solid #f238a5; outline-offset: 3px; }
@keyframes nx-feature-video-pulse { 0%, 100% { transform: scale(.97); box-shadow: 0 0 42px #9755f522, inset 0 0 24px #3288ff12; } 50% { transform: scale(1.03); box-shadow: 0 0 66px #9755f545, inset 0 0 32px #3288ff1c; } }

@media (prefers-reduced-motion: reduce) {
    .nx-video-orbit { animation: none; }
    .nx-feature-video-picker button, .nx-feature-video-arrow, .nx-feature-video-link span { transition: none; }
}