/* AMUNUM v12 — the supplied metallic identity on true black and quiet paper. */
:root{
  --ink:#0a0a0a;
  --night:#000000;
  --paper:#f3f3f0;
  --white:#fafaf7;
  --muted:#686865;
  --silver:#b8b8b3;
  --line:#d2d2ce;
  --green:#000000;
  --accent:#d7d7d2;
}

body{background:var(--paper);color:var(--ink)}
::selection{background:#d7d7d2;color:#050505}
h1,h2{font-weight:350}
h3{font-weight:400}
.commercial-hero h1{font-weight:350}
.commercial-hero h1 .serif{font-weight:300;color:#e4e4e0}
.serif,.human-core strong,.atlas-cover-content>p.atlas-motto,.brand-afterword p,.sculpture-index,.lab-bottom p span{font-weight:350}

/* True-black structural surfaces. */
.header,
.footer,
.commercial-hero,
.proof,
.problem-section,
#kontakt,
.atlas-home,
.page-hero.dark,
.end-link.dark,
.lab-section,
.atlas-cover,
.network-section,
.system-studio{background:#000;color:#fafaf7}

.header,.footer{border-color:#292929}
.header{box-shadow:0 1px 0 #000}
.nav a{color:#b9b9b5}
.nav a:hover,.nav a[aria-current=page]{color:#fff}
.nav .nav-contact{background:#f3f3f0;color:#090909}
.menu-toggle{border-color:#454545}
.scroll-line{background:#d7d7d2}
.button{border-radius:2px}
.button:hover{background:#151515}
.button.light{background:#f3f3f0;border-color:#f3f3f0;color:#080808}
.button.light:hover{background:#fff;border-color:#fff}
.dark .eyebrow,.dark .muted{color:#b8b8b3}

/* Hero: a central crop of the exact supplied film, blended into #000. */
.neural-sculpture{width:100%}
.neural-film{height:auto;aspect-ratio:1;overflow:hidden;background:#000}
.neural-film>img,.neural-film>video{
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  transform:scale(1.35);
  transform-origin:center;
  mask-image:none;
  -webkit-mask-image:none;
  filter:none;
}
.neural-film>video{transition:opacity .42s ease}
.neural-film .film-start{right:5px;bottom:5px;width:38px;height:38px;min-height:38px;background:#000000b8;border-color:#525252;color:#d7d7d2;backdrop-filter:blur(5px)}
.neural-film .film-start:hover{color:#fff;border-color:#a8a8a5;background:#0b0b0bd9}
.neural-film .film-start:focus-visible{outline-color:#fff}
.neural-sculpture figcaption{border-color:#2b2b2b;color:#adada9}
.sculpture-dot{background:#d7d7d2}
.sculpture-index{color:#d7d7d2}
.commercial-hero .lead{color:#c1c1bd}
.hero-note{color:#a9a9a5}
.hero-foot{border-color:#292929;color:#a9a9a5}

/* Dark panels retain depth through graphite, never hue. */
.flow-card,
.contact-form,
.living-system,
.network-grid,
.network-tabs button[aria-pressed=true],
.studio-canvas-panel{background:#0b0b0b}
.proof .eyebrow,.atlas-home .eyebrow{color:#c8c8c4}
.proof .lead,.proof .caption,.atlas-home .atlas-teaser .lead,.problem-section .section-heading .lead,.contact-grid .lead,.form-help,.contact-note,.faq p{color:#b8b8b3}
.flow-card,.flow-card-top,.flow-list li,.problem-links,.problem-links a,.contact-form,.contact-details,.faq,.faq details{border-color:#323232}
.flow-list li:before{background:#111;border-color:#555}
.flow-list li:not(:last-child):after{background:linear-gradient(#c8c8c4,#5a5a5a35)}
.problem-links a:hover{background:#111}
.problem-links span{color:#d0d0cc}
.problem-links p{color:#b8b8b3}
.contact-form input,.contact-form textarea{background:#0b0b0b;border-color:#5c5c5c;color:#fafaf7}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9a9a97}
.contact-details,.contact-fallback{border-color:#393939}

/* Film and Atlas imagery belong to the same monochrome identity. */
.cinema-frame{background:#000;border-color:#333}
.cinema-frame img,.cinema-frame video,.atlas-media img,.atlas-media video{filter:grayscale(1) saturate(0)}
.atlas-media{filter:grayscale(1) brightness(.82)}
.tesla-cover .atlas-media{filter:grayscale(1) brightness(.86)}
.atlas-art figcaption{color:#aaa}
.film-caption{color:#deded9}
.film-start{background:#050505e8;border-color:#666;color:#eee}
.film-icon{background:#050505c7;border-color:#666}
.atlas-cover:after{background:linear-gradient(90deg,transparent 28%,#0000004a 45%,#000000d1 70%,#000)}
.atlas-cover-content .eyebrow,.atlas-cover h1 .serif,.atlas-cover .text-link{color:#d3d3cf}
.atlas-cover-content>p:not(.eyebrow){color:#c4c4c0}
.network-tabs,.network-grid,.network-explainer,.network-result{border-color:#3a3a3a}
.network-tabs button{color:#a8a8a4}
.network-tabs button[aria-pressed=true]{border-color:#3a3a3a;color:#f4f4f1}
.network-map path{stroke:#888}
.network-map path.edge-alternative{stroke:#d0d0cc}
.graph-node,.network-explainer>p:not(.eyebrow),.network-result span,.network-disclaimer{color:#bdbdb9}
.graph-node i{background:#d0d0cc;border-color:#000;box-shadow:0 0 0 1px #999}
.graph-node b{background:#000}
.graph-node.graph-node-key i{background:#eee;box-shadow:0 0 0 7px #ffffff14}
.network-result strong,.network-explainer .eyebrow,.graph-node small{color:#d4d4d0}
.network-test-controls [aria-pressed=true]{background:#171717;border-color:#bcbcb8;color:#fff}

/* Interactive process models use silver as signal and graphite as state. */
.living-system,.lab-console,.lab-bottom,.lab-interpretation article{border-color:#343434}
.system-lines path{stroke:#777}
.system-lines .line-active{stroke:#e5e5e1}
.system-node{background:#080808;color:#bdbdb9}
.system-node i{background:#777;box-shadow:0 0 0 4px #080808}
.system-node.node-active{color:#fff}
.system-node.node-active i{background:#fff;box-shadow:0 0 0 4px #343434,0 0 18px #fff}
.system-node.node-complete i{background:#d4d4d0}
.lab-test{border-color:#555;color:#d0d0cc}
.lab-test:hover:not(:disabled){background:#161616}
.lab-test[aria-pressed=true]{border-color:#c8c8c4;color:#fff}
.human-decision{background:#151515;border-color:#696969}

/* The light editorial pages stay close to the original warm-white release. */
.loop-section{background:#e9e9e6}
.case-flow article{background:var(--paper)}
.service-row:hover{background:#00000009}
.system-brief-form textarea{background:#fafaf7;border-color:#aaa;color:#111}
.system-recommendation{background:#e8e8e5;border-color:#6e6e6b}
.system-recommendation .eyebrow,.system-recommendation p,.system-copy-status{color:#5c5c59}

/* Tvoj sistem: black canvas, white signal, no colored status language. */
.system-studio,.studio-problems,.studio-reading,.studio-disclaimer{border-color:#373737}
.studio-problems label,.studio-promise,.studio-boundary{border-color:#333}
.studio-problems input:checked{background:#ffffff0d;box-shadow:inset 3px 0 #d2d2ce}
.studio-problems input:focus-visible{outline-color:#fff}
.studio-problems small,.studio-promise,.studio-map-top,.studio-human small,.studio-reading p,.studio-disclaimer{color:#b6b6b2}
.studio-problems i,.studio-map-top span:last-child,.studio-connect output,.studio-reading-number,.studio-reading .studio-flow,.studio-boundary span{color:#d3d3cf}
.studio-canvas-panel{background:radial-gradient(ellipse at 50% 45%,#ffffff0b,transparent 67%)}
.studio-map path{stroke:#777}
.studio-map path.connected{stroke:#d7d7d2}
.studio-node i{background:#0b0b0b;border-color:#aaa;box-shadow:0 0 0 5px #0b0b0b}
.studio-node b{background:#0b0b0b;color:#d3d3cf}
.studio-map[data-phase="3"] .studio-node i{background:#eee;border-color:#eee;box-shadow:0 0 0 5px #0b0b0b,0 0 18px #ffffff35}
.studio-human{border-color:#ffffff30}
.studio-human strong{color:#f4f4f1}
.studio-stages button{border-color:#555;color:#b8b8b4}
.studio-stages button[aria-pressed=true]{background:#e0e0dc;border-color:#e0e0dc;color:#0a0a0a}

@media(min-width:981px){
  .neural-sculpture{width:114%;margin-left:-7%}
}
@media(max-width:980px){
  .nav{background:#000}
  .nav a{border-color:#303030}
  .neural-film{height:auto;aspect-ratio:1}
  .atlas-cover:after{background:linear-gradient(0deg,#000 0%,#000 34%,transparent 72%)}
}
@media(max-width:560px){
  .neural-film{height:auto;aspect-ratio:1}
  .neural-film .film-start{right:3px;bottom:3px}
  .commercial-hero .hero-sculpture{margin-bottom:16px}
  .commercial-hero .hero-copy>.lead{line-height:1.6}
  .commercial-hero .hero-foot{display:none}
}
@media(prefers-reduced-motion:reduce){
  .neural-film>video{transition:none}
}