/* NYXO Platinum Veil — canonical semantic and component overrides.
   This file intentionally loads after each surface's legacy stylesheet while
   the monolithic CSS is incrementally decomposed. */

:root {
  --nyxo-canvas: #080a0d;
  --nyxo-surface: #101419;
  --nyxo-raised: #171d24;
  --nyxo-ink: #f2f5f7;
  --nyxo-ink-muted: #a7b2bc;
  --nyxo-border: #2b3540;
  --nyxo-signal: #9aaeff;
  --nyxo-signal-ink: #080b14;
  --nyxo-positive: #58d984;
  --nyxo-warning: #f5b944;
  --nyxo-critical: #ff8580;
  --nyxo-focus: #b3c0ff;
  --nyxo-space-1: 4px;
  --nyxo-space-2: 8px;
  --nyxo-space-3: 12px;
  --nyxo-space-4: 16px;
  --nyxo-space-6: 24px;
  --nyxo-space-8: 32px;
  --nyxo-space-12: 48px;
  --nyxo-radius-control: 8px;
  --nyxo-radius-card: 12px;
  --nyxo-radius-moment: 18px;
  --nyxo-motion-fast: 150ms;
  --nyxo-motion: 220ms;
  --nyxo-ease: cubic-bezier(.2, .8, .2, 1);
  --nyxo-shadow-raised: 0 16px 40px rgba(0, 0, 0, .24);
  --focus: var(--nyxo-focus);
  font-variant-numeric: tabular-nums;
}

:root[data-theme="light"] {
  --nyxo-canvas: #f5f6f4;
  --nyxo-surface: #ffffff;
  --nyxo-raised: #eef1f2;
  --nyxo-ink: #11171c;
  --nyxo-ink-muted: #53606a;
  --nyxo-border: #d5dbde;
  --nyxo-signal: #455fc7;
  --nyxo-signal-ink: #ffffff;
  --nyxo-positive: #14783a;
  --nyxo-warning: #996400;
  --nyxo-critical: #b62d2a;
  --nyxo-focus: #314fbf;
  --nyxo-shadow-raised: 0 16px 40px rgba(24, 32, 38, .10);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --nyxo-canvas: #f5f6f4;
    --nyxo-surface: #ffffff;
    --nyxo-raised: #eef1f2;
    --nyxo-ink: #11171c;
    --nyxo-ink-muted: #53606a;
    --nyxo-border: #d5dbde;
    --nyxo-signal: #455fc7;
    --nyxo-signal-ink: #ffffff;
    --nyxo-positive: #14783a;
    --nyxo-warning: #996400;
    --nyxo-critical: #b62d2a;
    --nyxo-focus: #314fbf;
  }
}

html { accent-color: var(--nyxo-signal); }
body { min-width: 320px; }

:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--nyxo-focus) !important;
  outline-offset: 3px;
}

:where(button, [role="button"], .btn, .button, summary) {
  touch-action: manipulation;
}

.portal-product :where(button, .btn, input:not([type="checkbox"]):not([type="radio"]), select),
.admin-product :where(button, .btn, input:not([type="checkbox"]):not([type="radio"]), select) {
  min-height: 44px;
}

.portal-product :where(small, .micro, .eyebrow, .page-kicker),
.admin-product :where(small, .micro, .eyebrow, .page-kicker) {
  font-size: .75rem !important;
  line-height: 1.45;
}

.portal-product :where(.card, .panel),
.admin-product :where(.card, .panel) {
  border-color: var(--border);
  border-radius: var(--nyxo-radius-card);
  background: var(--surface);
}

.portal-product .page-kicker,
.admin-product .page-kicker {
  display: inline-flex;
  align-items: center;
  gap: var(--nyxo-space-2);
}

.portal-product .page-kicker::before,
.admin-product .page-kicker::before {
  content: "";
  width: 24px;
  height: 1px;
  flex: 0 0 auto;
  background: linear-gradient(90deg, transparent, var(--nyxo-signal));
}

.sidebar nav a[aria-current="page"],
.sidebar nav a.active {
  box-shadow: inset 2px 0 0 var(--nyxo-signal);
}

.btn,
.button {
  transition:
    color var(--nyxo-motion-fast) var(--nyxo-ease),
    background-color var(--nyxo-motion-fast) var(--nyxo-ease),
    border-color var(--nyxo-motion-fast) var(--nyxo-ease),
    opacity var(--nyxo-motion-fast) var(--nyxo-ease),
    transform var(--nyxo-motion-fast) var(--nyxo-ease);
}

.btn:active,
.button:active { transform: scale(.985); }

:where(.btn, .button, button):disabled,
:where(.btn, .button, button)[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .48;
}

.modal,
.command-panel,
.mobile-more-panel {
  background: color-mix(in srgb, var(--surface) 96%, transparent);
  border-color: var(--border);
  box-shadow: var(--nyxo-shadow-raised);
}

.modal-backdrop,
.command-backdrop,
.mobile-more-backdrop { background: rgba(0, 0, 0, .58); }

.operator-session-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 20px 0 12px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--nyxo-radius-card);
  background: var(--border);
}
.operator-session-summary > div { padding: 14px 16px; background: var(--surface-2); }
.operator-session-summary b { display: block; font-size: 1.05rem; }
.operator-session-summary span { color: var(--muted); font-size: .75rem; }
.operator-session-list { display: grid; }
.operator-session-list article {
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
}
.operator-session-list article:last-child { border-bottom: 0; }
.operator-session-list b,
.operator-session-list small { display: block; }
.operator-session-list small { margin-top: 2px; color: var(--muted); }
.operator-session-list > article > span,
.operator-session-list > article > i { color: var(--muted); font-size: .75rem; font-style: normal; text-transform: capitalize; }

/* Platform Intelligence — Platinum Veil's proof instrument. */
.intelligence-head { align-items: end; }
.intelligence-head h1 { letter-spacing: -.04em; }
.intelligence-instrument {
  position: relative;
  min-height: 310px;
  display: grid;
  grid-template-columns: minmax(260px, .78fr) minmax(360px, 1.22fr);
  align-items: center;
  gap: clamp(28px, 6vw, 88px);
  margin: 4px 0 20px;
  padding: clamp(28px, 5vw, 64px);
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--nyxo-radius-moment);
  background: var(--surface);
}
.intelligence-instrument::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, var(--nyxo-signal), transparent);
}
.intelligence-instrument::after {
  content: "";
  position: absolute;
  right: 32px;
  bottom: 26px;
  width: 72px;
  height: 1px;
  background: var(--nyxo-signal);
  box-shadow: 82px 0 0 color-mix(in srgb, var(--nyxo-signal) 35%, transparent);
}
.intelligence-orbit {
  position: relative;
  width: min(270px, 60vw);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  justify-self: center;
  border: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
  border-radius: 50%;
}
.intelligence-orbit::before,
.intelligence-orbit::after {
  content: "";
  position: absolute;
  border: 1px solid var(--border);
  border-radius: 50%;
}
.intelligence-orbit::before { inset: 14%; }
.intelligence-orbit::after { inset: 32%; border-color: var(--nyxo-signal); }
.intelligence-orbit > span {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border: 1px solid var(--nyxo-signal);
  border-radius: 50%;
  background: var(--nyxo-canvas);
  color: var(--ink);
  font-size: .72rem;
  font-weight: 760;
  letter-spacing: .18em;
}
.intelligence-orbit > i {
  position: absolute;
  z-index: 1;
  width: 8px;
  height: 8px;
  border: 2px solid var(--surface);
  border-radius: 50%;
  background: var(--nyxo-signal);
  transform-origin: 4px 4px;
}
.intelligence-orbit > i:nth-child(1) { top: 12%; left: 30%; }
.intelligence-orbit > i:nth-child(2) { right: 8%; bottom: 36%; }
.intelligence-orbit > i:nth-child(3) { bottom: 15%; left: 24%; }
.intelligence-copy > span,
.intelligence-domain-grid small,
.intelligence-client-grid span {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 680;
  letter-spacing: .14em;
}
.intelligence-copy h2 { max-width: 660px; margin: 10px 0; font-size: clamp(2.2rem, 5vw, 4.5rem); line-height: .98; letter-spacing: -.06em; }
.intelligence-copy > p { max-width: 660px; color: var(--muted); font-size: 1rem; line-height: 1.65; }
.intelligence-copy > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 20px; margin-top: 30px; }
.intelligence-copy > div b { font-size: 1.35rem; }
.intelligence-copy > div small { color: var(--muted); }
.intelligence-domain-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; margin: 0 0 24px; border: 1px solid var(--border); border-radius: var(--nyxo-radius-card); background: var(--border); }
.intelligence-domain-grid article { min-height: 190px; display: grid; grid-template-rows: auto 1fr auto; gap: 20px; padding: 22px; background: var(--surface); }
.intelligence-domain-grid .domain-code { width: 32px; height: 24px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 99px; color: var(--nyxo-signal); font: 650 .7rem/1 var(--mono); }
.intelligence-domain-grid h3 { margin: 6px 0; font-size: 1.05rem; }
.intelligence-domain-grid p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.55; }
.intelligence-domain-grid strong { justify-self: end; color: var(--muted); font: 520 2rem/1 var(--mono); }
.intelligence-select { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(300px, 1.3fr); gap: 36px; margin-bottom: 24px; padding: clamp(24px, 4vw, 42px); }
.intelligence-select h2 { margin: 8px 0; font-size: clamp(1.5rem, 3vw, 2.5rem); letter-spacing: -.04em; }
.intelligence-select p { max-width: 450px; color: var(--muted); }
.intelligence-client-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-content: start; }
.intelligence-client-list a { min-height: 66px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3px 12px; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--nyxo-radius-control); color: var(--ink); text-decoration: none; transition: border-color var(--nyxo-motion-fast), background var(--nyxo-motion-fast); }
.intelligence-client-list a:hover { border-color: var(--nyxo-signal); background: var(--surface-2); }
.intelligence-client-list a small { color: var(--muted); }
.intelligence-client-list a svg { grid-column: 2; grid-row: 1 / 3; width: 18px; color: var(--nyxo-signal); }
.intelligence-client { margin: 0 0 24px; overflow: hidden; border: 1px solid var(--border); border-radius: var(--nyxo-radius-moment); background: var(--surface); }
.intelligence-client > header { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding: clamp(24px, 4vw, 42px); border-bottom: 1px solid var(--border); }
.intelligence-client > header h2 { margin: 8px 0 2px; font-size: clamp(1.8rem, 4vw, 3.2rem); letter-spacing: -.05em; }
.intelligence-client > header p { margin: 0; color: var(--muted); }
.intelligence-client-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--border); }
.intelligence-client-grid article { padding: 20px 22px; background: var(--surface-2); }
.intelligence-client-grid b { display: block; margin: 9px 0 4px; font: 520 2rem/1 var(--mono); }
.intelligence-client-grid small { color: var(--muted); }
.intelligence-ledger { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; padding: clamp(24px, 4vw, 42px); }
.intelligence-ledger .section-title { margin-top: 0; }
.intelligence-ledger article { min-height: 62px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; border-bottom: 1px solid var(--border); }
.intelligence-ledger article:last-child { border-bottom: 0; }
.intelligence-ledger article small { display: block; margin-top: 4px; color: var(--muted); }
.intelligence-ledger article strong { font-size: .86rem; }
.ledger-node { width: 9px; height: 9px; border: 2px solid var(--nyxo-signal); border-radius: 50%; }
.ledger-node.is-knowledge { border-radius: 2px; transform: rotate(45deg); }
.intelligence-state { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: .72rem; text-transform: capitalize; }
.intelligence-state > span { width: 7px; height: 7px; border: 1px solid currentColor; border-radius: 50%; background: transparent; }
.intelligence-state.is-active,
.intelligence-state.is-passed,
.intelligence-state.is-approved,
.intelligence-state.is-completed { color: var(--nyxo-positive); }
.intelligence-state.is-conflict,
.intelligence-state.is-failed,
.intelligence-state.is-blocked { color: var(--nyxo-critical); }
.intelligence-state.is-quarantined,
.intelligence-state.is-open { color: var(--nyxo-warning); }
.intelligence-bottom-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.intelligence-bottom-grid > .card { padding: 22px; }
.intelligence-bottom-grid .section-title { margin-top: 0; }
.intelligence-control-row { min-height: 58px; display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid var(--border); }
.intelligence-control-row small { display: block; margin-top: 3px; color: var(--muted); }
.intelligence-bottom-grid > .card > .btn { margin: 16px 8px 0 0; }
.intelligence-release-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--border); border-radius: var(--nyxo-radius-control); background: var(--border); }
.intelligence-release-stats div { padding: 14px; background: var(--surface-2); }
.intelligence-release-stats b { display: block; font-size: 1.3rem; }
.intelligence-release-stats span { color: var(--muted); font-size: .75rem; }

@media (prefers-reduced-motion: no-preference) {
  .intelligence-orbit > i:nth-child(1) { animation: intelligence-pulse 3.6s var(--nyxo-ease) infinite; }
  .intelligence-orbit > i:nth-child(2) { animation: intelligence-pulse 3.6s .9s var(--nyxo-ease) infinite; }
  .intelligence-orbit > i:nth-child(3) { animation: intelligence-pulse 3.6s 1.8s var(--nyxo-ease) infinite; }
}
@keyframes intelligence-pulse { 0%, 100% { opacity: .45; transform: scale(.8); } 45% { opacity: 1; transform: scale(1.35); } }

@media (max-width: 1100px) {
  .intelligence-domain-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .intelligence-client-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .intelligence-instrument { grid-template-columns: 1fr; min-height: 0; }
  .intelligence-orbit { width: min(220px, 70vw); }
  .intelligence-copy h2 { font-size: clamp(2.1rem, 12vw, 3.5rem); }
  .intelligence-select,
  .intelligence-ledger,
  .intelligence-bottom-grid { grid-template-columns: 1fr; }
  .intelligence-client > header { align-items: stretch; flex-direction: column; }
}
@media (max-width: 520px) {
  .intelligence-domain-grid,
  .intelligence-client-grid,
  .intelligence-client-list { grid-template-columns: 1fr; }
  .intelligence-domain-grid article { min-height: 150px; }
  .intelligence-copy > div { display: grid; grid-template-columns: auto 1fr; }
}

@media (max-width: 620px) {
  .portal-product .main,
  .admin-product .main { padding-inline: 16px; }
  .modal { max-height: calc(100dvh - 24px); }
  .operator-session-summary { grid-template-columns: 1fr; }
  .operator-session-list article { grid-template-columns: minmax(0, 1fr) auto; }
  .operator-session-list article .btn { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

@media (forced-colors: active) {
  .portal-product .page-kicker::before,
  .admin-product .page-kicker::before { background: CanvasText; }
  :where(.card, .panel, .modal) { border: 1px solid CanvasText; }
}

/* Year One Control — the roadmap is an evidence register, not a progress toy. */
.year-one-head { align-items: end; }
.year-one-head h1 { max-width: 790px; letter-spacing: -.045em; }
.year-one-hero {
  position: relative; overflow: hidden; min-height: 390px; margin: 24px 0 18px; padding: clamp(28px, 5vw, 64px);
  display: grid; grid-template-columns: minmax(220px, .75fr) minmax(0, 1.3fr); align-items: center; gap: clamp(30px, 6vw, 92px);
  color: var(--nyxo-ink); background:
    linear-gradient(135deg, color-mix(in srgb, var(--nyxo-signal) 9%, transparent), transparent 42%),
    var(--nyxo-surface); border: 1px solid var(--nyxo-border); border-radius: var(--nyxo-radius-moment);
}
.year-one-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), color-mix(in srgb, var(--nyxo-border) 55%, transparent) calc(25% - 1px) 25%); opacity: .35; }
.year-one-orbit { position: relative; z-index: 1; width: min(290px, 70vw); aspect-ratio: 1; display: grid; place-content: center; justify-self: center; text-align: center; }
.year-one-orbit::before, .year-one-orbit::after, .year-one-orbit > i { content: ""; position: absolute; inset: 0; border: 1px solid color-mix(in srgb, var(--nyxo-signal) 34%, var(--nyxo-border)); border-radius: 50%; }
.year-one-orbit::after { inset: 14%; border-style: dashed; opacity: .55; }
.year-one-orbit > i:nth-child(1) { inset: 29%; background: color-mix(in srgb, var(--nyxo-signal) 7%, var(--nyxo-surface)); box-shadow: 0 0 70px color-mix(in srgb, var(--nyxo-signal) 12%, transparent); }
.year-one-orbit > i:nth-child(2) { inset: auto 8% 48% auto; width: 10px; height: 10px; background: var(--nyxo-signal); border: 0; box-shadow: 0 0 20px color-mix(in srgb, var(--nyxo-signal) 65%, transparent); }
.year-one-orbit > i:nth-child(3) { inset: 23% auto auto 13%; width: 6px; height: 6px; background: var(--nyxo-ink); border: 0; }
.year-one-orbit b { position: relative; z-index: 2; font-size: clamp(3.5rem, 7vw, 6.4rem); line-height: .86; letter-spacing: -.08em; font-weight: 520; }
.year-one-orbit span { position: relative; z-index: 2; margin-top: 12px; color: var(--nyxo-ink-muted); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
.year-one-hero-copy { position: relative; z-index: 1; }
.year-one-hero-copy > span { color: var(--nyxo-signal); font-size: .7rem; letter-spacing: .18em; }
.year-one-hero-copy h2 { max-width: 720px; margin: 16px 0; font-size: clamp(2.3rem, 4.2vw, 4.4rem); line-height: .98; letter-spacing: -.055em; font-weight: 480; }
.year-one-hero-copy p { max-width: 680px; color: var(--nyxo-ink-muted); line-height: 1.7; }
.year-one-legend { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 28px; color: var(--nyxo-ink-muted); font-size: .75rem; }
.year-one-legend span { display: inline-flex; align-items: center; gap: 7px; }
.year-one-legend i { width: 7px; height: 7px; border-radius: 50%; background: var(--nyxo-border); }
.year-one-legend i.is-implemented { background: var(--nyxo-positive); }
.year-one-legend i.is-external_gate { background: var(--nyxo-warning); }
.year-one-legend i.is-evidence_required { background: var(--nyxo-signal); }

.year-one-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-bottom: 54px; overflow: hidden; border: 1px solid var(--nyxo-border); border-radius: var(--nyxo-radius-card); background: var(--nyxo-border); }
.year-one-stats article { min-height: 126px; padding: 20px; background: var(--nyxo-surface); }
.year-one-stats span, .year-one-stats small { display: block; color: var(--nyxo-ink-muted); }
.year-one-stats span { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.year-one-stats b { display: block; margin: 8px 0 4px; font-size: 2.1rem; font-weight: 520; letter-spacing: -.05em; }

.year-one-domains { margin: 0 0 54px; }
.year-one-domains > header, .year-one-register > header { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.year-one-domains h2, .year-one-register h2, .year-one-operations h2 { margin: 8px 0 0; letter-spacing: -.035em; }
.year-one-domains > header > small { max-width: 280px; color: var(--nyxo-ink-muted); text-align: right; }
.year-one-domains > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid var(--nyxo-border); border-radius: var(--nyxo-radius-card); overflow: hidden; }
.year-one-domains article { min-height: 190px; padding: 20px; border-right: 1px solid var(--nyxo-border); border-bottom: 1px solid var(--nyxo-border); background: var(--nyxo-surface); }
.year-one-domains article:nth-child(5n) { border-right: 0; }
.year-one-domains article:nth-last-child(-n + 5) { border-bottom: 0; }
.year-one-domains article > span { color: var(--nyxo-signal); font: 600 .68rem var(--mono); }
.year-one-domains h3 { min-height: 48px; margin: 18px 0; font-size: .92rem; line-height: 1.35; }
.year-one-domains article div { position: relative; display: flex; align-items: baseline; gap: 6px; padding-bottom: 10px; overflow: hidden; }
.year-one-domains article div::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: var(--nyxo-border); }
.year-one-domains article i { position: absolute; z-index: 1; inset: auto auto 0 0; width: var(--domain-progress); max-width: 100%; height: 2px; background: var(--nyxo-signal); }
.year-one-domains article div b { font-size: 1.55rem; }
.year-one-domains article div small, .year-one-domains article p { color: var(--nyxo-ink-muted); font-size: .7rem; }
.year-one-domains article p { margin-top: 10px; line-height: 1.5; }

.year-one-lower { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr); align-items: start; gap: 18px; }
.year-one-register, .year-one-operations { padding: clamp(18px, 3vw, 28px); }
.year-one-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.year-one-tools > label { flex: 1; }
.year-one-tools input { width: 100%; }
.year-one-tools > div { display: flex; flex-wrap: wrap; gap: 6px; }
.year-one-items { max-height: 920px; overflow: auto; border-top: 1px solid var(--nyxo-border); scrollbar-gutter: stable; }
.year-one-item { border-bottom: 1px solid var(--nyxo-border); }
.year-one-item summary { min-height: 72px; display: grid; grid-template-columns: 52px minmax(0, 1fr) auto 24px; align-items: center; gap: 12px; padding: 12px 4px; cursor: pointer; list-style: none; }
.year-one-item summary::-webkit-details-marker { display: none; }
.year-one-item summary::after { content: "+"; grid-column: 4; grid-row: 1; width: 22px; color: var(--nyxo-ink-muted); font-size: 1.1rem; text-align: right; }
.year-one-item[open] summary::after { content: "−"; }
.year-one-item-id { color: var(--nyxo-ink-muted); font: 600 .7rem var(--mono); }
.year-one-item summary small { display: block; margin-top: 4px; color: var(--nyxo-ink-muted); }
.year-one-state { grid-column: 3; grid-row: 1; margin-right: 28px; padding: 5px 8px; border: 1px solid var(--nyxo-border); border-radius: 999px; color: var(--nyxo-ink-muted); font-size: .66rem; white-space: nowrap; }
.year-one-state.is-implemented { color: var(--nyxo-positive); border-color: color-mix(in srgb, var(--nyxo-positive) 40%, var(--nyxo-border)); }
.year-one-state.is-external_gate { color: var(--nyxo-warning); border-color: color-mix(in srgb, var(--nyxo-warning) 40%, var(--nyxo-border)); }
.year-one-state.is-evidence_required { color: var(--nyxo-signal); }
.year-one-item-body { padding: 0 40px 24px 68px; }
.year-one-item-body > p { color: var(--nyxo-ink-muted); line-height: 1.65; }
.year-one-item-body > div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 14px; padding: 10px 0; border-top: 1px solid color-mix(in srgb, var(--nyxo-border) 65%, transparent); }
.year-one-item-body > div span { color: var(--nyxo-ink-muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.year-one-item-body code { white-space: normal; overflow-wrap: anywhere; color: var(--nyxo-ink-muted); }
.year-one-item-body .btn { margin-top: 12px; }
.year-one-side { position: sticky; top: 20px; display: grid; gap: 18px; }
.year-one-operations > p { color: var(--nyxo-ink-muted); line-height: 1.65; }
.year-one-records { margin-top: 18px; border-top: 1px solid var(--nyxo-border); }
.year-one-records article { min-height: 64px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--nyxo-border); }
.year-one-records small { display: block; margin-top: 4px; color: var(--nyxo-ink-muted); text-transform: capitalize; }
.year-one-record-signal { width: 7px; height: 7px; border: 1px solid var(--nyxo-ink-muted); border-radius: 50%; }
.year-one-record-signal.is-active { border-color: var(--nyxo-positive); background: var(--nyxo-positive); }
.year-one-record-signal.is-blocked { border-color: var(--nyxo-critical); }
.year-one-record-status { color: var(--nyxo-ink-muted); font-size: .68rem; text-transform: uppercase; }
.year-one-operations > footer { display: flex; flex-direction: column; gap: 5px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--nyxo-border); }
.year-one-operations > footer span { color: var(--nyxo-ink-muted); font-size: .72rem; }
.year-one-capacity { padding: 22px; }
.year-one-capacity > header { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.year-one-capacity h2 { margin: 7px 0 0; letter-spacing: -.03em; }
.year-one-capacity-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; padding: 14px 0; border-top: 1px solid var(--nyxo-border); }
.year-one-capacity-row small, .year-one-capacity-row em { display: block; color: var(--nyxo-ink-muted); font-size: .7rem; font-style: normal; }
.year-one-capacity-row > span { font: 600 .75rem var(--mono); }
.year-one-capacity-row > i { grid-column: 1 / -1; position: relative; height: 3px; overflow: hidden; background: var(--nyxo-border); }
.year-one-capacity-row > i > b { position: absolute; inset: 0 auto 0 0; width: var(--capacity); background: var(--nyxo-signal); }
.year-one-capacity-row.is-over > i > b { background: var(--nyxo-critical); }
.year-one-capacity-row > em { grid-column: 1 / -1; }
.year-one-capacity-tags { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 5px; }
.year-one-capacity-tags > small { padding: 3px 6px; border: 1px solid var(--nyxo-border); border-radius: 999px; color: var(--nyxo-ink-muted); font: 600 .58rem var(--mono); letter-spacing: .04em; }
.year-one-capacity > footer { padding-top: 12px; border-top: 1px solid var(--nyxo-border); color: var(--nyxo-ink-muted); font-size: .7rem; }

@media (prefers-reduced-motion: no-preference) {
  .year-one-orbit::after { animation: year-one-rotate 28s linear infinite; }
  .year-one-orbit > i:nth-child(2) { animation: year-one-pulse 3s var(--nyxo-ease) infinite; }
}
@keyframes year-one-rotate { to { transform: rotate(360deg); } }
@keyframes year-one-pulse { 50% { transform: scale(1.5); opacity: .55; } }

@media (max-width: 1180px) {
  .year-one-domains > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .year-one-domains article:nth-child(5n) { border-right: 1px solid var(--nyxo-border); }
  .year-one-domains article:nth-child(3n) { border-right: 0; }
  .year-one-domains article:nth-last-child(-n + 5) { border-bottom: 1px solid var(--nyxo-border); }
  .year-one-domains article:nth-last-child(-n + 3) { border-bottom: 0; }
  .year-one-lower { grid-template-columns: 1fr; }
  .year-one-side { position: static; }
}
@media (max-width: 820px) {
  .year-one-hero { grid-template-columns: 1fr; min-height: 0; }
  .year-one-orbit { width: min(230px, 62vw); }
  .year-one-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .year-one-tools { align-items: stretch; flex-direction: column; }
}
@media (max-width: 560px) {
  .year-one-head { align-items: stretch; }
  .year-one-head .btn { width: 100%; }
  .year-one-hero { padding: 28px 20px; }
  .year-one-hero-copy h2 { font-size: clamp(2rem, 11vw, 3.2rem); }
  .year-one-stats, .year-one-domains > div { grid-template-columns: 1fr; }
  .year-one-domains article { min-height: 150px; border-right: 0 !important; border-bottom: 1px solid var(--nyxo-border) !important; }
  .year-one-domains article:last-child { border-bottom: 0 !important; }
  .year-one-domains > header { align-items: start; flex-direction: column; }
  .year-one-domains > header > small { text-align: left; }
  .year-one-tools > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .year-one-item summary { grid-template-columns: 42px minmax(0, 1fr) 24px; }
  .year-one-state { grid-column: 2; grid-row: 2; justify-self: start; margin: 0 0 8px; }
  .year-one-item summary::after { grid-column: 3; grid-row: 1; }
  .year-one-item-body { padding-left: 46px; }
  .year-one-item-body > div { grid-template-columns: 1fr; gap: 5px; }
}

.client-value-plan { margin: 18px 0 34px; padding: clamp(20px, 3vw, 30px); border: 1px solid var(--nyxo-border); border-radius: var(--nyxo-radius-card); background: var(--nyxo-surface); }
.client-value-plan > header { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--nyxo-border); }
.client-value-plan h2 { margin: 8px 0 0; letter-spacing: -.035em; }
.client-value-plan > header > span { color: var(--nyxo-ink-muted); font-size: .66rem; letter-spacing: .1em; }
.client-value-plan > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.client-value-plan article { min-height: 140px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; padding: 22px 20px 20px 0; border-right: 1px solid var(--nyxo-border); }
.client-value-plan article + article { padding-left: 20px; }
.client-value-plan article:last-child { border-right: 0; }
.client-value-plan article > i { width: 8px; height: 8px; margin-top: 5px; border: 1px solid var(--nyxo-signal); border-radius: 50%; }
.client-value-plan article small, .client-value-plan article p, .client-value-plan article > span { color: var(--nyxo-ink-muted); }
.client-value-plan article b { display: block; margin: 7px 0; }
.client-value-plan article p { margin: 0; font-size: .74rem; }
.client-value-plan article > span { grid-column: 2; margin-top: 14px; font-size: .72rem; }
.client-value-plan > footer { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; padding-top: 16px; border-top: 1px solid var(--nyxo-border); color: var(--nyxo-ink-muted); font-size: .72rem; }
.client-value-plan > footer a { margin-left: auto; color: var(--nyxo-ink); }
@media (max-width: 760px) {
  .client-value-plan > header { align-items: start; flex-direction: column; }
  .client-value-plan > div { grid-template-columns: 1fr; }
  .client-value-plan article, .client-value-plan article + article { padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--nyxo-border); }
  .client-value-plan article:last-child { border-bottom: 0; }
}