/* Silicon Seed / panel system — presentation only; the site's copy and machine logic live in the HTML. */
:root,
:root[data-theme="dark"] {
  --bg: #0b0c0b;
  --panel: #141614;
  --edge: #303430;
  --ink: #e8e6df;
  --soft: #a3a79e;
  --lamp-off: #20231f;
  --lamp-on: #ffb000;
  --glow: rgba(255, 176, 0, .28);
  --deep: #ffb000;
  --deep-ink: #0b0c0b;
  --display: "Archivo", "Arial Narrow", sans-serif;
  --body: "IBM Plex Mono", ui-monospace, monospace;
  --panel-edge: #303430;
  --ink-soft: #a3a79e;
  --lamp-glow: rgba(255, 176, 0, .28);
  --switch: #ffb000;
  --switch-up: #0b0c0b;
  --good: #94cba2;
  --bad: #ff897d;
  --cell: #1c211d;
  --cell-job: #263629;
  --cell-box: #26312a;
  --cell-num: #3b301b;
  --cell-hot: #ffb000;
  --bar: #ffb000;
  color-scheme: dark;
}

html { scroll-behavior: smooth; }
body.site-home,
body.site-seed8 { background: var(--bg); color: var(--ink); font-family: var(--body); }
a:hover { color: var(--lamp-on); }
:focus-visible { outline: 2px solid var(--lamp-on); outline-offset: 4px; }

/* Landing page: the reference's instrument-panel geometry, without replacing its argument. */
.site-home .wrap { max-width: none; margin: 0; padding: 0; }
.site-home nav {
  display: flex; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start;
  gap: 0; padding: 0; border-bottom: 1px solid var(--edge);
  font-family: var(--body); font-size: 12px;
}
.site-home nav .brand {
  flex: 0 0 auto; padding: 19px 24px; display: grid; align-items: center;
  background: var(--lamp-on); color: var(--bg); text-decoration: none;
  font-family: var(--display); font-weight: 800; font-size: 18px;
  font-variant-caps: small-caps; letter-spacing: .05em;
  border-right: 1px solid var(--edge);
}
.site-home nav .links { display: flex; flex-wrap: nowrap; gap: 0; min-width: 0; overflow-x: auto; counter-reset: link; scrollbar-width: thin; }
.site-home nav .links a {
  display: flex; gap: 8px; align-items: center; padding: 19px 17px; white-space: nowrap;
  font-family: var(--body); font-weight: 500; font-size: 11px; letter-spacing: .04em;
  border-right: 1px solid var(--edge); text-decoration: none;
}
.site-home nav .links a::before { counter-increment: link; content: counter(link, decimal-leading-zero); color: var(--lamp-on); }
.site-home nav .links a:hover { background: #191c18; text-decoration: none; }

.site-home .hero { display: block; padding: 0; border: 0; }
.site-home .hero-main { display: grid; grid-template-columns: 57% 43%; min-height: 430px; border-bottom: 1px solid var(--edge); }
.site-home .hero-title { padding: 54px clamp(24px, 4vw, 64px); border-right: 1px solid var(--edge); display: flex; align-items: center; min-width: 0; }
.site-home .hero h1 {
  max-width: 7ch; font-family: var(--display); font-stretch: 62%; text-transform: uppercase;
  font-weight: 900; font-size: clamp(84px, 13vw, 188px); line-height: .78;
  letter-spacing: -.045em; overflow-wrap: normal;
}
.site-home .hero-copy { padding: 54px clamp(24px, 4vw, 64px); display: flex; flex-direction: column; justify-content: center; gap: 22px; min-width: 0; }
.site-home .hero .claim {
  font-family: var(--display); font-stretch: 82%; font-weight: 700;
  font-size: clamp(24px, 2.7vw, 37px); line-height: 1.2; max-width: 28ch; margin: 0;
}
.site-home .hero .sub { font-size: 14px; line-height: 1.7; max-width: 52ch; margin: 0; color: var(--soft); }
.site-home .cta { margin: 3px 0 0; gap: 10px; }
.site-home .btn,
.site-seed8 button.act {
  border-radius: 0; background: var(--lamp-on); border: 1px solid var(--lamp-on);
  color: var(--bg); font-family: var(--body); font-weight: 600; letter-spacing: .035em;
  text-decoration: none;
}
.site-home .btn { display: inline-flex; align-items: center; min-height: 50px; padding: 12px 18px; }
.site-home .btn:hover,
.site-seed8 button.act:hover { background: #ffd166; border-color: #ffd166; color: var(--bg); }
.site-home .btn.ghost,
.site-seed8 button.act.ghost { background: transparent; color: var(--ink); border-color: #555a53; }
.site-home .btn.ghost:hover,
.site-seed8 button.act.ghost:hover { color: var(--lamp-on); border-color: var(--lamp-on); }

.site-home .yearbox {
  border: 0; border-bottom: 1px solid var(--edge); border-radius: 0;
  background: var(--bg); padding: 36px clamp(24px, 4vw, 64px) 42px;
  display: grid; gap: 15px;
}
.site-home .yearbox > .label { padding-bottom: 7px; color: var(--soft); }
.site-home .lamprow { gap: clamp(8px, 2.6vw, 42px); max-width: 1180px; }
.site-home .lamprow div { gap: 9px; }
.site-home .lamprow i { width: 100%; max-width: 110px; box-shadow: none; }
.site-home .lamprow i.on { box-shadow: 0 0 24px var(--glow); }
.site-home .lamprow small { font-size: 12px; }
.site-home .readout { font-size: 16px; color: var(--soft); padding: 0 0 13px; }
.site-home .readout b { font-family: var(--display); font-size: 30px; color: var(--lamp-on); }
.site-home .yearbox figcaption { max-width: 75ch; color: var(--soft); }
.site-home .logo-band { display: flex; justify-content: center; border-bottom: 1px solid var(--edge); }
.site-home .logo-band img { display: block; width: min(100%, 280px); height: auto; padding: 20px 8px; }

.site-home section { padding: 64px clamp(24px, 4vw, 64px); gap: 24px; border-top: 0; border-bottom: 1px solid var(--edge); }
.site-home section > .label { display: block; font-size: 12px; color: var(--lamp-on); letter-spacing: .1em; }
.site-home section > .label::before { content: "§ "; }
.site-home h2 {
  font-family: var(--display); font-stretch: 68%; font-variant-caps: small-caps;
  font-size: clamp(42px, 6vw, 80px); line-height: .94; font-weight: 900;
  letter-spacing: -.025em; max-width: 19ch;
}
.site-home h3 { font-family: var(--display); font-stretch: 80%; font-variant-caps: small-caps; font-size: 29px; font-weight: 750; letter-spacing: 0; line-height: 1.05; }
.site-home #manifest { grid-template-columns: minmax(180px, 27%) minmax(0, 1fr); gap: 40px; }
.site-home #manifest > .label { font-family: var(--display); font-size: clamp(42px, 5vw, 72px); font-stretch: 68%; font-variant-caps: small-caps; font-weight: 900; line-height: .9; letter-spacing: -.02em; color: var(--ink); }
.site-home #manifest > .label::before { content: "§01"; display: block; font-family: var(--body); font-size: 12px; font-weight: 500; line-height: 1; letter-spacing: .1em; color: var(--lamp-on); margin-bottom: 20px; }
.site-home .manifesto { max-width: 82ch; display: grid; gap: 0; font-family: var(--body); font-size: 15px; line-height: 1.8; }
.site-home .manifesto p { padding: 19px 0; border-bottom: 1px solid var(--edge); }
.site-home .manifesto p:first-child { padding-top: 0; }
.site-home .manifesto p:first-child::first-letter { font-family: var(--display); color: var(--lamp-on); font-size: 4em; margin: 5px 10px 0 0; }
.site-home .manifesto .sign { border: 0; color: var(--lamp-on); font-size: 12px; }
.site-home #intrebarea { background: var(--lamp-on); color: var(--bg); padding-block: 70px; }
.site-home #intrebarea > .label { color: var(--bg); }
.site-home #intrebarea .big { font-family: var(--display); font-stretch: 76%; font-variant-caps: small-caps; font-weight: 800; font-size: clamp(34px, 4.7vw, 64px); line-height: 1.05; max-width: 30ch; }
.site-home #samanta .grid3,
.site-home #masina .grid4 { gap: 1px; background: var(--edge); border: 1px solid var(--edge); }
.site-home .tile { border: 0; border-radius: 0; padding: clamp(22px, 3vw, 38px); background: var(--bg); gap: 18px; }
.site-home .tile p { font-size: 14px; line-height: 1.72; color: var(--soft); }
.site-home .tile .meta { margin-top: auto; padding-top: 15px; border-top: 1px dashed #555a53; font-size: 12px; color: var(--lamp-on); }
.site-home .big { font-size: 16px; }
.site-home #masina .grid4 .tile { min-height: 210px; }
.site-home ol.steps { list-style: none; padding: 0; margin: 0; max-width: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--edge); border: 1px solid var(--edge); counter-reset: ritual -1; }
.site-home ol.steps li { background: var(--bg); padding: 25px; font-size: 14px; line-height: 1.65; }
.site-home ol.steps li::before { counter-increment: ritual; content: "T+" counter(ritual); display: block; font-family: var(--body); color: var(--lamp-on); margin-bottom: 15px; }
.site-home #drum .table { border-top: 1px solid var(--edge); }
.site-home table { min-width: 680px; font-size: 14px; }
.site-home th,
.site-home td { padding: 17px 15px; border-bottom: 1px solid var(--edge); }
.site-home th { color: var(--lamp-on); }
.site-home tr.now td { background: #292310; }
.site-home .doc { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 24px; padding: 18px 0; }
.site-home .docs { max-width: 100%; border-top: 1px solid var(--edge); gap: 0; }
.site-home .doc a { color: var(--lamp-on); font-size: 15px; }
.site-home .doc span { font-size: 14px; }
.site-home footer { padding: 30px clamp(24px, 4vw, 64px) 50px; border: 0; font-size: 12px; }

/* The Seed-8 instrument retains every control and explanation; only its casing changes. */
.site-seed8 .wrap { max-width: 1280px; padding: 30px clamp(18px, 4vw, 56px) 70px; gap: 0; }
.site-seed8 header { padding-bottom: 40px; border-bottom: 1px solid var(--edge); gap: 16px; }
.site-seed8 h1,
.site-seed8 h2,
.site-seed8 h3 { font-family: var(--display); font-stretch: 70%; font-variant-caps: small-caps; font-weight: 800; line-height: 1; }
.site-seed8 h1 { font-size: clamp(64px, 10vw, 130px); letter-spacing: -.035em; }
.site-seed8 h2 { font-size: clamp(34px, 4.5vw, 62px); letter-spacing: -.02em; }
.site-seed8 h3 { font-size: 25px; }
.site-seed8 .label { color: var(--lamp-on); }
.site-seed8 .lede { color: var(--ink); font-family: var(--display); font-stretch: 85%; font-weight: 600; font-size: clamp(20px, 2.5vw, 30px); line-height: 1.3; max-width: 52ch; }
.site-seed8 section { padding-block: 48px; border-bottom: 1px solid var(--edge); }
.site-seed8 .panel { border-radius: 0; background: var(--panel); border-color: var(--edge); padding: clamp(18px, 3vw, 32px); }
.site-seed8 .card,
.site-seed8 .story,
.site-seed8 .listing,
.site-seed8 .steps span,
.site-seed8 .switch,
.site-seed8 select,
.site-seed8 input { border-radius: 0; }
.site-seed8 .lamp.on { box-shadow: 0 0 14px var(--glow); }
.site-seed8 .note,
.site-seed8 .part p,
.site-seed8 .flag,
.site-seed8 .stats { color: var(--soft); }
.site-seed8 .mem .c.here,
.site-seed8 .listing div.here,
.site-seed8 .card.kind-num { color: var(--bg); }
.site-seed8 .card.kind-num input { color: var(--ink); }

@media (max-width: 860px) {
  .site-home .hero-main { grid-template-columns: minmax(0, 1fr); }
  .site-home .hero-title { border-right: 0; border-bottom: 1px solid var(--edge); padding-block: 42px; }
  .site-home .hero h1 { font-size: clamp(80px, 16vw, 145px); }
  .site-home .hero-copy { padding-block: 36px 48px; }
  .site-home #manifest { grid-template-columns: minmax(0, 1fr); }
  .site-home ol.steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .site-home nav { flex-wrap: wrap; }
  .site-home nav .brand { width: 100%; }
  .site-home nav .links { width: 100%; }
  .site-home .hero h1 { font-size: clamp(105px, 25vw, 135px); }
  .site-home .hero-title,
  .site-home .hero-copy,
  .site-home .yearbox,
  .site-home section { padding-inline: 20px; }
  .site-home .lamprow { gap: 7px; }
  .site-home .lamprow small { font-size: 9px; }
  .site-home ol.steps { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }