/* New chapter page (#new-chapter) and its card on the Zenniz App page (#nc-teaser). Classes start with nc-.
   The coming app screens (nc-screens.js) are styled at the bottom, scoped under .ncx: the same CSS as the film. */

/* the app screens use the font files by their own names */
@font-face { font-family: "MaisonNeueExtended-Book"; src: url("fonts/MaisonNeueExtended-Book.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "MaisonNeueExtended-Demi"; src: url("fonts/MaisonNeueExtended-Demi.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "MaisonNeueExtended-Bold"; src: url("fonts/MaisonNeueExtended-Bold.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "MaisonNeueExtended-ExtraBoldItalic"; src: url("fonts/MaisonNeueExtended-ExtraBoldItalic.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "MaisonNeueMono-Regular"; src: url("fonts/MaisonNeueMono-Regular.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "MaisonNeueMono-Bold"; src: url("fonts/MaisonNeueMono-Bold.woff2") format("woff2"); font-display: swap; }

#nc-root, #nc-teaser { --nc-lime: #e7f35a; --nc-blue: #2d5bd6; --nc-deep: #001e42; --nc-soft: #eef2fb; --nc-top: 64px; }
#nc-root section { scroll-margin-top: calc(var(--nc-top) + 12px); }
#nc-root .h2 { font-size: clamp(26px, 2.8vw, 36px); }

/* ---------- shared bits ---------- */
.nc-kicker { font: 700 12px/1.2 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--primary); }
.nc-kicker--inv { color: var(--nc-lime); }
.nc-hd { display: grid; gap: 4px; margin-bottom: 14px; }
[dir="rtl"] .nc-teaser .pill svg { transform: scaleX(-1); }

/* a live phone: the device is drawn at 430 x 884 and scaled to the box (--k from new-chapter.js) */
.nc-ph { position: relative; width: 300px; aspect-ratio: 430 / 884; --k: .7; }
.nc-ph__s { position: absolute; inset: 0; }
.nc-ph .ncx .ncd { left: 0; top: 0; transform-origin: 0 0; transform: scale(var(--k)); }
.nc-fitbox { position: relative; width: 100%; --k: .5; }
.nc-fitbox__s { position: absolute; left: 0; top: 0; transform-origin: 0 0; transform: scale(var(--k)); }
[dir="rtl"] .nc-fitbox__s { left: auto; right: 0; transform-origin: 100% 0; }
[dir="rtl"] .nc-ph .ncx .ncd { left: auto; right: 0; transform-origin: 100% 0; }
.nc-clip { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---------- hero: compact, like the other topics ---------- */
.nc-hero { padding-block: 8px 0; }
.nc-hero__card { position: relative; border-radius: 24px; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: center; color: #fff; min-height: 230px;
  background: radial-gradient(50% 90% at 82% 20%, rgba(231,243,90,.16), transparent 70%), radial-gradient(120% 100% at 75% 0%, #1a56b8 0%, #0a3480 38%, var(--nc-deep) 78%); }
.nc-hero__copy { position: relative; z-index: 2; padding: clamp(22px, 3.4vw, 40px); display: grid; gap: 10px; }
.nc-hero h1 { color: #fff; font: italic 800 clamp(30px, 3.8vw, 48px)/1.02 var(--f-display); letter-spacing: -.015em; max-width: 17ch; }
.nc-hero__sub { font-size: clamp(15px, 1.4vw, 18px); color: var(--inv-text); max-width: 46ch; }
.nc-hero__cta { margin-top: 4px; }
.nc-hero__art { position: relative; align-self: stretch; overflow: hidden; }
.nc-hero__p { position: absolute; width: 130px; top: 26px; filter: drop-shadow(0 20px 30px rgba(0,0,0,.35)); }
.nc-hero__p--1 { left: 8%; top: 46px; rotate: -7deg; } .nc-hero__p--2 { left: 34%; width: 146px; z-index: 2; } .nc-hero__p--3 { left: 62%; top: 46px; rotate: 7deg; }
@media (max-width: 860px) { .nc-hero__card { grid-template-columns: minmax(0, 1fr); min-height: 0; } .nc-hero__art { display: none; } }

/* ---------- film ---------- */
.nc-film { padding-top: clamp(28px, 4vw, 48px); }
.nc-film__body { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: clamp(14px, 2vw, 24px); align-items: start; }
.nc-film__screen { position: relative; border-radius: 18px; overflow: hidden; background: var(--nc-deep); box-shadow: var(--shadow-lg); aspect-ratio: 16 / 9; max-height: calc(100vh - var(--nc-top) - 80px); }
.nc-film__screen video { width: 100%; height: 100%; display: block; background: var(--nc-deep); }
.nc-film__soon { position: absolute; inset: 0; color: #fff; background: radial-gradient(70% 60% at 50% 0%, rgba(231,243,90,.18), transparent 70%), radial-gradient(120% 100% at 50% 0%, #184fae, var(--nc-deep) 70%); overflow: hidden; }
.nc-film__soon[hidden] { display: none; }
.nc-film__row { position: absolute; left: 50%; bottom: -30%; display: flex; gap: 2.2%; width: 92%; transform: translateX(-50%); justify-content: center; }
.nc-film__p { width: 17%; flex: none; }
.nc-film__row::after { content: ""; position: absolute; inset: 30% -10% -10%; background: linear-gradient(to top, var(--nc-deep) 35%, transparent); }
.nc-film__soonc { position: absolute; inset: 0 0 auto; padding: 6% 8% 0; display: grid; justify-items: center; text-align: center; gap: 8px; z-index: 2; }
.nc-film__logo { font: italic 800 clamp(26px, 3.6vw, 50px)/1 var(--f-display); color: #fff; }
.nc-film__soonc p:not(.nc-film__logo) { color: var(--inv-text); font-size: clamp(13px, 1.25vw, 16px); }
.nc-chl ol { list-style: none; margin: 0; padding: 0; display: grid; border-radius: 16px; overflow: hidden; background: var(--card); box-shadow: var(--shadow); }
.nc-chl__r { position: relative; width: 100%; display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; column-gap: 8px; align-items: center; text-align: start; padding: 8px 14px; border: 0; background: var(--card); color: var(--ink); font: inherit; cursor: pointer; overflow: hidden; }
.nc-chl li + li .nc-chl__r { border-top: 1px solid var(--line); }
.nc-chl__r:hover { background: var(--nc-soft); }
.nc-chl__r:focus-visible { outline: 3px solid var(--primary); outline-offset: -3px; border-radius: 0; }
.nc-chl.is-off .nc-chl__time { visibility: hidden; }
.nc-chl.is-off .nc-chl__r { cursor: default; }
.nc-chl.is-off .nc-chl__r:hover { background: var(--card); }
.nc-chl__n { font: 700 12px/1 var(--f-mono); color: var(--primary); }
.nc-chl__t { font: 600 14px/1.25 var(--f-display); }
.nc-chl__time { font: 600 12px/1 var(--f-mono); color: var(--muted); }
.nc-chl__r[aria-current="step"] { background: var(--nc-soft); }
.nc-chl__r[aria-current="step"] .nc-chl__n { color: #fff; background: var(--primary); border-radius: 6px; padding: 3px 4px; justify-self: start; }
.nc-chl__bar { position: absolute; inset: auto 0 0 0; height: 3px; }
.nc-chl__bar i { display: block; height: 100%; width: 0; background: var(--primary); }
@media (max-width: 900px) {
  .nc-film__body { grid-template-columns: minmax(0, 1fr); }
  .nc-chl ol { grid-template-columns: 1fr 1fr; }
  .nc-chl li:nth-child(2) .nc-chl__r { border-top: 0; }
  .nc-chl li:nth-child(even) .nc-chl__r { border-inline-start: 1px solid var(--line); }
}
@media (max-width: 560px) {
  .nc-chl__r { padding: 7px 10px; } .nc-chl__t { font-size: 13px; }
  .nc-film__row { display: none; }
}

/* ---------- what's coming: stage strip + feature explorer ---------- */
.nc-coming { padding-top: clamp(32px, 4.5vw, 56px); }
.nc-stages { list-style: none; margin: 0 0 14px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 18px; overflow: hidden; background: var(--card); box-shadow: var(--shadow); }
.nc-stage { display: grid; align-content: start; gap: 3px; padding: 14px 18px 16px; }
.nc-stage + .nc-stage { border-inline-start: 1px solid var(--line); }
.nc-stage__tag { display: flex; align-items: center; gap: 7px; font: 700 11px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.nc-stage__tag i { width: 9px; height: 9px; border-radius: 50%; }
.nc-stage--now .nc-stage__tag i { background: var(--green); } .nc-stage--dec .nc-stage__tag i { background: var(--nc-lime); box-shadow: 0 0 0 1px #c9d43a; } .nc-stage--y27 .nc-stage__tag i { background: var(--primary); }
.nc-stage h3 { font: italic 800 clamp(19px, 1.8vw, 24px)/1.1 var(--f-display); }
.nc-stage__d { font-size: 14px; line-height: 1.45; color: var(--text); }
.nc-stage--dec { background: linear-gradient(180deg, #fbfde4, #fff 80%); }

.nc-ex { border-radius: 22px; overflow: hidden; background: var(--card); box-shadow: var(--shadow); }
.nc-tabs { display: flex; gap: 6px; padding: 10px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--line); }
.nc-tabs::-webkit-scrollbar { display: none; }
.nc-tab { flex: none; display: inline-flex; align-items: center; gap: 7px; border: 1.5px solid var(--line); background: var(--card); color: var(--ink); border-radius: 30px; padding: 8px 14px; font: 600 14px/1 var(--f-body); cursor: pointer; }
.nc-tab::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--primary); }
.nc-tab--dec::before, .nc-tab--mix::before { background: #c9d43a; }
.nc-tab:hover { border-color: rgba(0,30,66,.35); }
.nc-tab[aria-selected="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.nc-tab:focus-visible { outline: 3px solid var(--primary); outline-offset: 2px; }
.nc-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; height: clamp(360px, 44vw, 420px); }
.nc-panel__copy { display: grid; align-content: center; gap: 10px; padding: clamp(18px, 3vw, 36px); }
.nc-panel h3 { font: italic 800 clamp(24px, 2.6vw, 34px)/1.05 var(--f-display); }
.nc-panel__d { font-size: clamp(15px, 1.3vw, 17px); color: var(--text); max-width: 44ch; }
.nc-panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.nc-panel li { position: relative; padding-inline-start: 20px; color: var(--muted); font-size: 15px; }
.nc-panel li::before { content: ""; position: absolute; inset-inline-start: 2px; top: .55em; width: 8px; height: 8px; border-radius: 50%; background: var(--primary); }
.nc-panel__nav { display: flex; align-items: center; gap: 10px; margin-top: 4px; }
.nc-panel__n { font: 600 12.5px/1 var(--f-mono); color: var(--muted); min-width: 40px; text-align: center; }
.nc-arrow { width: 38px; height: 38px; border-radius: 50%; border: 1.5px solid var(--line); background: var(--card); color: var(--ink); display: grid; place-items: center; cursor: pointer; }
.nc-arrow svg { width: 18px; height: 18px; } [dir="rtl"] .nc-arrow svg { transform: scaleX(-1); }
.nc-arrow:disabled { opacity: .35; cursor: default; }
.nc-when { justify-self: start; display: inline-flex; align-items: center; gap: 7px; font: 700 11px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; padding: 6px 10px; border-radius: 20px; }
.nc-when::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.nc-when--dec, .nc-when--mix { background: #f6f9c9; color: #4f5600; }
.nc-when--y27 { background: var(--primary-soft); color: #123f8c; }
.nc-panel__vis { position: relative; overflow: hidden; display: grid; justify-items: center; align-items: start;
  background: radial-gradient(60% 55% at 50% 40%, rgba(231,243,90,.14), transparent 70%), radial-gradient(120% 100% at 50% 0%, #1a56b8, var(--nc-deep) 75%); }
.nc-panel__vis > .nc-ph, .nc-vis > .nc-ph--main { width: clamp(190px, 18vw, 230px); margin-top: 28px; }
.nc-panel .nc-ph { filter: drop-shadow(0 26px 34px rgba(0,0,0,.4)); }
.nc-panel.is-in .nc-panel__vis .nc-ph, .nc-panel.is-in .nc-vis__panel, .nc-panel.is-in .nc-vis__board { animation: nc-rise-in .7s cubic-bezier(.2,.8,.2,1) both; }
.nc-panel.is-in .nc-panel__copy { animation: nc-fade-in .45s ease both; }
@keyframes nc-rise-in { from { transform: translateY(40px); opacity: 0; } }
@keyframes nc-fade-in { from { opacity: 0; transform: translateY(6px); } }
.nc-vis { position: relative; width: 100%; height: 100%; display: grid; justify-items: center; align-items: start; }
.nc-vis__panel, .nc-vis__board { position: absolute; left: 6%; top: 22%; width: 66%; border-radius: 10px; box-shadow: 0 24px 50px rgba(0,0,0,.45); }
.nc-vis__board { top: 16%; width: 72%; left: 4%; }
.nc-vis .nc-ph--side { position: absolute; right: 5%; top: 9%; width: clamp(130px, 13vw, 170px); margin: 0; }
[dir="rtl"] .nc-vis__panel, [dir="rtl"] .nc-vis__board { left: auto; right: 6%; }
[dir="rtl"] .nc-vis .nc-ph--side { right: auto; left: 5%; }
.nc-bub { position: absolute; display: flex; align-items: center; gap: 8px; background: #fff; color: var(--ink); border-radius: 14px; padding: 7px 12px 7px 7px; box-shadow: 0 14px 30px rgba(0,0,0,.35); font-size: 12.5px; line-height: 1.25; max-width: 210px; z-index: 2; }
.nc-bub i { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--nc-deep); color: #fff; font: italic 800 11px/1 var(--f-display); }
.nc-bub--2 i { background: var(--nc-blue); }
.nc-bub b { display: block; font-weight: 700; }
.nc-bub em { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #fdecec; }
.nc-bub em svg { width: 14px; height: 14px; }
.nc-bub--1 { left: 4%; top: 20%; } .nc-bub--2 { right: 4%; top: 58%; }
.nc-panel.is-in .nc-bub--1 { animation: nc-fade-in .5s .5s ease both; } .nc-panel.is-in .nc-bub--2 { animation: nc-fade-in .5s 1s ease both; }
.nc-heart { position: absolute; width: 40px; height: 40px; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: 0 10px 24px rgba(0,0,0,.3); opacity: 0; }
.nc-heart svg { width: 20px; height: 20px; }
.nc-heart--1 { left: 64%; top: 80%; } .nc-heart--2 { left: 70%; top: 84%; } .nc-heart--3 { left: 58%; top: 86%; }
.nc-panel.is-in .nc-heart { animation: nc-rise 3.2s ease-out infinite; }
.nc-panel.is-in .nc-heart--2 { animation-delay: 1.1s; } .nc-panel.is-in .nc-heart--3 { animation-delay: 2.2s; }
@keyframes nc-rise { 0% { opacity: 0; transform: translateY(0) scale(.5); } 12% { opacity: 1; transform: translateY(-20px) scale(1); } 75% { opacity: 1; } 100% { opacity: 0; transform: translateY(-200px) translateX(14px) scale(.9); } }
.nc-pop { animation: nc-pop .5s ease; }
@keyframes nc-pop { 40% { transform: scale(1.35); } }
.nc-note { margin-top: 10px; font-size: 13.5px; color: var(--muted); max-width: 90ch; }
@media (max-width: 760px) {
  .nc-stages { grid-template-columns: minmax(0, 1fr); }
  .nc-stage + .nc-stage { border-inline-start: 0; border-top: 1px solid var(--line); }
  .nc-stage { padding: 11px 16px 12px; }
  .nc-panel { grid-template-columns: minmax(0, 1fr); height: auto; }
  .nc-panel__copy { padding: 16px 18px 14px; gap: 8px; }
  .nc-panel__vis { height: 300px; order: -1; }
  .nc-panel__vis > .nc-ph, .nc-vis > .nc-ph--main { width: 170px; margin-top: 20px; }
  .nc-vis .nc-ph--side { width: 120px; }
  .nc-bub { max-width: 170px; font-size: 11.5px; }
}

/* ---------- closing line ---------- */
.nc-tog { padding-block: clamp(28px, 4vw, 48px) clamp(36px, 5vw, 64px); }
.nc-tog__card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px clamp(20px, 4vw, 48px); align-items: center; border-radius: 20px; padding: clamp(18px, 3vw, 28px) clamp(20px, 3.4vw, 36px); color: #fff;
  background: radial-gradient(50% 120% at 95% 0%, rgba(231,243,90,.18), transparent 70%), radial-gradient(120% 100% at 20% 0%, #1a56b8, var(--nc-deep) 75%); }
.nc-tog__card .h2 { color: #fff; }
.nc-tog__d { color: var(--inv-text); font-size: clamp(15px, 1.4vw, 17px); max-width: 56ch; }
.nc-fine { margin-top: 10px; font-size: 13px; color: var(--muted); }
@media (max-width: 760px) { .nc-tog__card { grid-template-columns: minmax(0, 1fr); } }

/* ---------- the card on the Zenniz App page ---------- */
.nc-teaser { padding-block: clamp(32px, 5vw, 56px) clamp(48px, 6vw, 80px); }
.nc-teaser__card { position: relative; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); align-items: center; min-height: 220px; border-radius: 24px; overflow: hidden; text-decoration: none; color: #fff;
  background: radial-gradient(60% 90% at 85% 20%, rgba(231,243,90,.2), transparent 70%), radial-gradient(120% 100% at 75% 0%, #1a56b8, var(--nc-deep) 75%); box-shadow: var(--shadow); transition: transform .2s ease, box-shadow .2s ease; }
.nc-teaser__card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.nc-teaser__copy { display: grid; gap: 8px; padding: clamp(22px, 3.4vw, 40px); position: relative; z-index: 2; }
.nc-teaser h2 { color: #fff; font: italic 800 clamp(24px, 2.8vw, 36px)/1.04 var(--f-display); max-width: 18ch; }
.nc-teaser__copy > p:not(.nc-kicker) { color: var(--inv-text); max-width: 44ch; }
.nc-teaser .pill { justify-self: start; margin-top: 4px; }
.nc-teaser__art { position: relative; align-self: stretch; min-height: 220px; overflow: hidden; }
.nc-teaser__p { position: absolute; width: 140px; filter: drop-shadow(0 24px 30px rgba(0,0,0,.35)); }
.nc-teaser__p--1 { left: 10%; top: 26px; rotate: -6deg; } .nc-teaser__p--2 { left: 44%; top: 46px; rotate: 6deg; }
@media (max-width: 760px) { .nc-teaser__card { grid-template-columns: minmax(0, 1fr); } .nc-teaser__art { display: none; } }

@media (prefers-reduced-motion: reduce) {
  .nc-panel.is-in * { animation: none !important; }
  .nc-heart { display: none; }
}

/* ---------- the coming app screens (same CSS as the film, scoped) ---------- */
.ncx { direction: ltr; }
.ncx svg, .ncx img { max-width: none; }
.ncx svg { display: inline; }
.ncx p, .ncx h1, .ncx h2, .ncx h3 { margin: 0; color: inherit; }
.ncx .ncd { position:absolute; width:430px; height:884px; border-radius:70px; padding:5px; box-sizing:border-box;
  background:linear-gradient(150deg,#6d727b 0%,#2a2e35 18%,#1a1d22 50%,#3b3f47 82%,#878c95 100%);
  box-shadow:0 60px 120px rgba(0,0,0,.42), 0 20px 40px rgba(0,0,0,.30); transform-origin:50% 50% }
.ncx .ncd-glass { width:100%; height:100%; border-radius:65px; background:#07080a; padding:15px; box-sizing:border-box; position:relative }
.ncx .ncd-scr { position:relative; width:390px; height:844px; border-radius:50px; overflow:hidden; background:#f6f7f9; color:#0d0e12;
  font-family:"MaisonNeueExtended-Book", system-ui, sans-serif; font-size:14px; line-height:1.35 }
.ncx .ncd-scr img.shot { display:block; width:100%; }
.ncx .ncd-island { position:absolute; top:26px; left:50%; width:118px; height:34px; margin-left:-59px; border-radius:20px; background:#07080a; z-index:5 }
.ncx .ncd-btn { position:absolute; width:4px; border-radius:2px; background:#3b3f47 }
.ncx .ncd-glare { position:absolute; inset:0; border-radius:50px; pointer-events:none; z-index:6;
  background:linear-gradient(115deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 32%, rgba(255,255,255,0) 70%, rgba(255,255,255,.06) 100%) }
.ncx .sbar { position:absolute; top:0; left:0; right:0; height:54px; display:flex; align-items:center; justify-content:space-between; padding:0 30px 0 36px; z-index:4;
  font-family:"MaisonNeueExtended-Demi", sans-serif; font-size:16px; color:#0d0e12 }
.ncx .sbar i { display:inline-block; width:24px; height:12px; border:1.5px solid #0d0e12; border-radius:4px; position:relative }
.ncx .sbar i::after { content:""; position:absolute; inset:2px 5px 2px 2px; background:#0d0e12; border-radius:1px }
.ncx .app { position:absolute; left:0; right:0; top:0; padding:58px 18px 30px; display:flex; flex-direction:column; gap:12px }
.ncx .a-h1 { font-family:"MaisonNeueExtended-ExtraBoldItalic", sans-serif; font-size:31px; line-height:1.1; margin:6px 2px 4px; letter-spacing:-.005em }
.ncx .a-k { font-family:"MaisonNeueMono-Regular", monospace; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:#5b5f69 }
.ncx .a-mono { font-family:"MaisonNeueMono-Regular", monospace; font-variant-numeric:tabular-nums }
.ncx .a-b { font-family:"MaisonNeueExtended-Demi", sans-serif }
.ncx .a-x { font-family:"MaisonNeueExtended-ExtraBoldItalic", sans-serif }
.ncx .a-mut { color:#6b6f7a; font-size:12px }
.ncx .a-blue { color:#2d5bd6 }
.ncx .a-card { background:#fff; border:1px solid #e6e7ec; border-radius:18px; padding:14px 14px; display:flex; flex-direction:column; gap:10px }
.ncx .a-row { display:flex; align-items:center; gap:10px }
.ncx .a-sp { flex:1 }
.ncx .a-av { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; flex:none; font-family:"MaisonNeueExtended-ExtraBoldItalic", sans-serif; font-size:12px; color:#fff; background:#0d0e12 }
.ncx .a-av.blue { background:#2d5bd6 }
.ncx .a-av.pale { background:#e9eefc; color:#2d5bd6 }
.ncx .a-av.gray { background:#eceef2; color:#0d0e12 }
.ncx .a-seg { display:flex; background:#eceef2; border-radius:20px; padding:3px; font-family:"MaisonNeueExtended-Demi", sans-serif; font-size:13px }
.ncx .a-seg span { flex:1; text-align:center; padding:7px 0; border-radius:17px; color:#2a2d33 }
.ncx .a-seg span.on { background:#0d0e12; color:#fff }
.ncx .a-seg.white span.on { background:#fff; color:#0d0e12; box-shadow:0 1px 3px rgba(0,0,0,.12) }
.ncx .a-tabs { display:flex; border-bottom:1px solid #e6e7ec; margin:0 -18px; padding:0 18px; font-family:"MaisonNeueExtended-Demi", sans-serif; font-size:13.5px; color:#3a3d44 }
.ncx .a-tabs span { flex:1; text-align:center; padding:10px 0 11px }
.ncx .a-tabs span.on { color:#2d5bd6; box-shadow:inset 0 -2px 0 #2d5bd6 }
.ncx .a-pill { display:inline-flex; align-items:center; gap:4px; background:#2d5bd6; color:#fff; border-radius:16px; padding:5px 11px; font-family:"MaisonNeueExtended-Demi", sans-serif; font-size:12.5px }
.ncx .a-chip { display:inline-flex; font-family:"MaisonNeueMono-Regular", monospace; font-size:9.5px; letter-spacing:.12em; border:1px solid #0d0e12; border-radius:9px; padding:2px 7px; text-transform:uppercase }
.ncx .a-bar { height:5px; border-radius:3px; background:#e6e7ec; position:relative; overflow:hidden }
.ncx .a-bar > b { position:absolute; left:0; top:0; bottom:0; border-radius:3px; background:#2d5bd6 }
.ncx .a-bar.dark > b { background:#0d0e12 }
.ncx .a-btn { background:#0d0e12; color:#fff; border-radius:22px; text-align:center; padding:11px 0; font-family:"MaisonNeueExtended-Demi", sans-serif; font-size:14px }
.ncx .a-club { background:#0d0e12; color:#fff; padding:12px 14px; display:flex; align-items:center; gap:8px }
.ncx .a-club .nm { font-family:"MaisonNeueExtended-ExtraBoldItalic", sans-serif; font-size:17px; letter-spacing:.06em }
.ncx .a-club .sm { font-family:"MaisonNeueMono-Regular", monospace; font-size:7.5px; letter-spacing:.2em; opacity:.7; margin-top:1px }
.ncx .a-club .logo { width:20px; height:20px; border-radius:50%; border:2px solid #fff; display:grid; place-items:center; font-size:10px; font-family:"MaisonNeueExtended-ExtraBoldItalic", sans-serif }
.ncx .a-lb { display:flex; align-items:center; gap:10px; padding:9px 12px; font-size:14px }
.ncx .a-lb .rk { width:16px; font-family:"MaisonNeueExtended-ExtraBoldItalic", sans-serif; font-size:15px }
.ncx .a-lb.me { background:#eef3ff; border:1.5px solid #2d5bd6; border-radius:10px; margin:0 8px }
.ncx .a-ring { flex:none }
.ncx .a-live { font-family:"MaisonNeueMono-Regular", monospace; font-size:9.5px; letter-spacing:.12em; color:#2d5bd6 }
.ncx .a-photo { position:relative; overflow:hidden; border-radius:14px; background:#1d2733 }
.ncx .a-photo img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover }
.ncx .a-shade { position:absolute; left:0; right:0; bottom:0; height:62%; background:linear-gradient(to top, rgba(122,36,52,.92), rgba(122,36,52,0)) }
.ncx .a-react { display:inline-flex; align-items:center; gap:5px; background:#f2f3f6; border-radius:14px; padding:4px 10px; font-family:"MaisonNeueExtended-Demi", sans-serif; font-size:12.5px }
@media (max-width: 560px) {
  .nc-badge { font-size: 12.5px; }
  .nc-stage { padding-inline-start: 60px; } .nc-stage__dot { left: 14px; } .nc-stages::before { left: 31px; }
  [dir="rtl"] .nc-stage { padding-inline-start: 60px; } [dir="rtl"] .nc-stage__dot { left: auto; right: 14px; } [dir="rtl"] .nc-stages::before { left: auto; right: 31px; }
  .nc-bub { max-width: 180px; font-size: 12px; padding: 7px 10px 7px 7px; } .nc-bub i { width: 28px; height: 28px; }
}