/* NODERVA V13 — near-black surfaces with a muted, dark red signal palette. */
:root {
  --red: #771e28;
  --red-dark: #56161e;
  --red-deep: #2f0d12;
  --red-soft: #eee1e2;
  --ink: #050505;
  --paper: #ffffff;
  --shadow: 0 28px 76px rgba(0,0,0,.42);
  --v3-black: #020202;
  --v3-ink: #080808;
  --v3-red: #771e28;
  --v3-red-dark: #56161e;
  --v3-paper: #0a0a0a;
  --v3-grid: rgba(255,255,255,.11);
  --core-red: #771e28;
  --core-red-bright: #a42a36;
  --core-black: #020202;
  --web-red: #771e28;
  --web-red-hot: #a42a36;
  --prey-red: #771e28;
  --prey-hot: #a42a36;
  --prey-dark: #020202;
}

:root[data-theme="dark"] {
  --line: rgba(255,255,255,.12);
  --theme-bg: #020202;
  --theme-surface: #070707;
  --theme-surface-2: #2f0d12;
  --theme-text: #f5f2f2;
  --theme-muted: #aaa0a2;
  --theme-line: rgba(255,255,255,.12);
  --theme-header: rgba(2,2,2,.96);
}

:root[data-theme="light"] {
  --line: rgba(86,22,30,.18);
  --theme-bg: #ffffff;
  --theme-surface: #ffffff;
  --theme-surface-2: #eee1e2;
  --theme-text: #100d0e;
  --theme-muted: #665d5f;
  --theme-line: rgba(86,22,30,.2);
  --theme-header: rgba(255,255,255,.96);
}

/* Dark mode has no grey panels: every neutral layer resolves to near-black. */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] .section,
html[data-theme="dark"] .manifesto-section,
html[data-theme="dark"] .capability-section,
html[data-theme="dark"] .method-section,
html[data-theme="dark"] .v3-ecosystem,
html[data-theme="dark"] .ecosystem-shell { background-color: #020202; }

html[data-theme="dark"] .section-soft,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .team-card,
html[data-theme="dark"] .founder-mini,
html[data-theme="dark"] .model-grid article,
html[data-theme="dark"] .culture-list article,
html[data-theme="dark"] .module-grid article,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .roadmap article,
html[data-theme="dark"] .contact-form,
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .project-filters button,
html[data-theme="dark"] .tech-item,
html[data-theme="dark"] .capability-row:not(.head),
html[data-theme="dark"] .project-shot { background: #070707; }

html[data-theme="dark"] .service-card:nth-child(6) {
  background: #070707;
  border-top-color: var(--red);
}

/* Matte burgundy replaces every large vivid-red field. */
.section-red,
.network-section,
.v3-closing,
.quote-band,
.impact-section,
.cta-panel,
.stats-band .stat-cell:nth-child(2),
.contact-signal-strip,
.engine-stream,
html[data-theme] .section.section-red,
html[data-theme] .network-section,
html[data-theme] .v3-closing,
html[data-theme] .quote-band,
html[data-theme] .impact-section,
html[data-theme] .cta-panel {
  background-color: #56161e;
  background-image: linear-gradient(135deg,#56161e 0%,#56161e 54%,#2f0d12 100%);
}

.page-hero,
.project-detail-hero { background-color: #020202; }

.page-hero::before {
  background: linear-gradient(120deg,transparent 0 52%,rgba(119,30,40,.1) 52% 53%,transparent 53% 59%,rgba(119,30,40,.28) 59% 60%,transparent 60%);
}

.engine-aura,
.global-glow { filter: saturate(.58) brightness(.7) blur(20px); }

.prey-stage::after {
  background: radial-gradient(circle at 50% 47%,rgba(119,30,40,.12),transparent 13%,rgba(86,22,30,.035) 38%,transparent 70%),repeating-radial-gradient(circle at 50% 47%,transparent 0 45px,rgba(255,255,255,.025) 46px 47px);
}
.prey-orb {
  background: radial-gradient(circle at 36% 28%,rgba(255,255,255,.08),transparent 9%),radial-gradient(circle at 50% 48%,rgba(119,30,40,.16),#2f0d12 52%,#030303 76%);
  border-color: rgba(164,42,54,.42);
  box-shadow: 0 0 0 8px rgba(86,22,30,.04),0 18px 48px rgba(0,0,0,.58),inset 0 0 38px rgba(86,22,30,.16);
}
.prey-orb.is-active,
.prey-orb:hover {
  box-shadow: 0 0 0 12px rgba(86,22,30,.055),0 24px 58px rgba(0,0,0,.7),0 0 38px rgba(119,30,40,.3),inset 0 0 44px rgba(86,22,30,.25);
}
.orb-components i { background:#050505; border-color:rgba(164,42,54,.35); }
.prey-inspector { background:rgba(2,2,2,.94); border-color:rgba(119,30,40,.48); }
.web-heart { filter:saturate(.65) brightness(.78) drop-shadow(0 0 12px rgba(119,30,40,.4)); }

/* Service badge: a readable category label instead of an arbitrary glyph. */
.service-card-top { gap: 18px; }
.service-icon {
  width: auto;
  min-width: 84px;
  max-width: min(230px,78%);
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #eee1e2;
  background: #56161e;
  border: 1px solid #771e28;
  font: 700 10px/1.25 var(--mono);
  letter-spacing: .055em;
  text-align: center;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.service-card:hover .service-icon {
  color: #fff;
  background: #771e28;
  border-color: #a42a36;
}

html[data-theme="dark"] .service-outputs span,
html[data-theme="dark"] .services-grid .service-card:nth-child(6) .service-outputs span {
  color: #dba4a9;
  background: #2f0d12;
  border: 1px solid rgba(164,42,54,.25);
}

/* Small red type stays legible without returning to a neon appearance. */
.eyebrow.red,
.v3-kicker,
.v3-section-head>span,
.v3-section-head>a,
.text-link,
.card-link,
.service-number,
.method-line span,
.capability-list span { color: #a42a36; }

.button:not(.button-light):not(.button-outline),
.v3-button.primary,
.menu-button,
.mobile-panel,
html[data-theme] .mobile-panel { background-color: #771e28; border-color: #771e28; }
.mobile-panel,
html[data-theme] .mobile-panel { background-image: linear-gradient(145deg,#771e28 0%,#56161e 58%,#2f0d12 100%); }
.button:not(.button-light):not(.button-outline):hover,
.v3-button.primary:hover { background-color: #56161e; border-color: #56161e; }

html[data-theme="light"] .section-soft { background: #fff; }
html[data-theme="light"] .service-card,
html[data-theme="light"] .project-card,
html[data-theme="light"] .contact-card { box-shadow: 0 18px 55px rgba(47,13,18,.075); }
html[data-theme="light"] .service-icon { color: #fff; }
html[data-theme="light"] .prey-orb { background:radial-gradient(circle at 34% 27%,#fff,transparent 13%),radial-gradient(circle at 50% 48%,#eee1e2,#dba4a9 56%,#fff 78%); }
html[data-theme="light"] .prey-inspector { background:rgba(255,255,255,.96); }

@media(max-width:760px) {
  .service-icon { min-width: 76px; max-width: 72%; padding-inline: 11px; font-size: 9px; }
}