.sr-h2 {
  max-width: 30ch;
  margin: 0 0 var(--sp-4);
  font-family: var(--font-display);
  font-size: var(--fs-h2);
  font-weight: 650;
  line-height: 1.14;
  letter-spacing: -.012em;
  color: var(--ink);
}

.sr-p {
  max-width: var(--wrap-txt);
  margin: 0 0 var(--sp-4);
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--ink);
}

.sr-more {
  margin: var(--sp-6) 0 0;
  font-size: var(--fs-small);
  font-weight: 600;
}

.sr-ledger {
  margin: 0;
  padding-block: var(--sp-2);
  border-block-start: 1px solid var(--rule-soft);
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: .06em;
  line-height: 1.9;
  color: var(--ink-muted);
}



.sr-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: min(86vh, 740px);
  padding-block-end: clamp(2.5rem, 5vw, 4rem);
  overflow: hidden;
  background: var(--ground-cool);
}

.sr-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sr-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, var(--scrim-heavy) 0%, var(--scrim) 52%, transparent 84%);
}

.sr-hero__in { position: relative; z-index: 1; }

.sr-hero__band { max-width: 48%; }

.sr-hero__h1 {
  margin: var(--sp-4) 0;
  font-family: var(--font-display);
  font-size: clamp(2.3rem, 3.2vw, 2.8rem);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.022em;
  color: var(--ink);
}

.sr-hero__sub {
  max-width: 48ch;
  margin: 0 0 var(--sp-6);
  font-size: var(--fs-body);
  line-height: 1.55;
  color: var(--ink);
}


.sr-rail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--sp-6);
  margin: 0;
  padding: 0;
  list-style: none;
  border-block-start: 1px solid var(--rule);
}

.sr-rail__i {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--sp-3);
  padding-block: var(--sp-2);
  border-block-end: 1px solid var(--rule-soft);
}

.sr-rail__v {
  font-size: var(--fs-small);
  font-weight: 600;
  color: var(--ink);
}

.sr-rail__k {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: .06em;
  color: var(--ink-muted);
}



.sr-spec {
  background: var(--sheet);
  border-block-start: 1px solid var(--rule);
}

.sr-table th[scope="row"] { width: 32%; }



.sr-proof {
  background: var(--ground);
  border-block-start: 1px solid var(--rule);
}

.sr-proof__grid {  

  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 4rem);
  align-items: start;
}

.sr-rows {
  display: grid;
  margin: var(--sp-6) 0 0;
}

.sr-row {
  display: grid;
  grid-template-columns: minmax(0, 8rem) minmax(0, 1fr);
  gap: var(--sp-4);
  padding-block: var(--sp-3);
  border-block-start: 1px solid var(--rule-soft);
}

.sr-row:last-child { border-block-end: 1px solid var(--rule-soft); }

.sr-row dt {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.sr-row dd {
  margin: 0;
  font-size: var(--fs-small);
  line-height: 1.5;
  color: var(--ink);
}

.sr-proof__figs {
  display: grid;
  gap: var(--sp-6);
}

.sr-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--sp-3);
}

.sr-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-6);
}


.sr-scan {
  display: grid;
  gap: var(--sp-2);
  align-content: start;
  margin: 0;
}

.sr-scan img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: contain;
  background: var(--sheet);
  border-radius: var(--r-flat);
}

.sr-scan figcaption {
  font-size: var(--fs-micro);
  line-height: 1.45;
  color: var(--ink-muted);
}



.sr-mat {
  background: var(--sheet);
  border-block-start: 1px solid var(--rule);
}

.sr-mat__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 5vw, 4rem);
  align-items: start;
}

.sr-fig {
  display: grid;
  gap: var(--sp-3);
  align-content: start;
  margin: 0;
  padding: var(--sp-6);
  background: var(--ground);
  border: 1px solid var(--rule-soft);
  border-radius: var(--r-flat);
}

.sr-sec {
  display: block;
  width: 100%;
  height: auto;
}

.sr-sec__line {
  fill: none;
  stroke: var(--ink);
  stroke-width: 1.5;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.sr-sec__dim {
  fill: none;
  stroke: var(--ink-muted);
  stroke-width: 1.5;
  stroke-linecap: square;
}

.sr-sec__lbl text {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .1em;
  fill: var(--ink-muted);
}

.sr-fig figcaption {
  font-size: var(--fs-micro);
  line-height: 1.5;
  color: var(--ink-muted);
}



.sr-band {
  background: var(--ground);
  border-block-start: 1px solid var(--rule);
}

.sr-band__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sp-6) var(--sp-8);
  margin-block-end: var(--sp-6);
}

.sr-band__cell {
  display: grid;
  gap: var(--sp-3);
  align-content: start;
  padding-block-start: var(--sp-4);
  border-block-start: 2px solid var(--rule);
}

.sr-band__cell--mark { border-block-start-color: var(--accent); }

.sr-band__lbl {
  margin: 0;
  font-size: var(--fs-small);
  line-height: 1.45;
  color: var(--ink);
}



.sr-path {
  background: var(--sheet);
  border-block-start: 1px solid var(--rule);
}

.sr-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sp-6);
  margin: var(--sp-8) 0 0;
  padding: 0;
  list-style: none;
}

.sr-step {
  display: grid;
  gap: var(--sp-3);
  align-content: start;
  padding-block-start: var(--sp-4);
  border-block-start: 2px solid var(--rule);
}

.sr-step__no {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: .16em;
  color: var(--ink-muted);
}

.sr-step__t {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-h3);
  font-weight: 650;
  line-height: 1.25;
}

.sr-step__d {
  margin: 0;
  font-size: var(--fs-micro);
  line-height: 1.55;
  color: var(--ink-muted);
}



.sr-faq {
  background: var(--ground);
  border-block-start: 1px solid var(--rule);
}

.sr-acc {
  margin-block-start: var(--sp-8);
  max-width: 84ch;
}

.sr-acc__item {
  border-block-start: 1px solid var(--rule-soft);
}

.sr-acc__item:last-child { border-block-end: 1px solid var(--rule-soft); }

.sr-acc__q {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--sp-4);
  padding-block: var(--sp-4);
  font-family: var(--font-display);
  font-size: var(--fs-h3);
  font-weight: 650;
  line-height: 1.3;
  color: var(--ink);
  cursor: pointer;
  list-style: none;
}

.sr-acc__q::-webkit-details-marker { display: none; }

.sr-acc__q::after {
  content: "+";
  flex: none;
  font-family: var(--font-mono);
  font-size: var(--fs-h3);
  font-weight: 500;
  color: var(--ink-muted);
}

.sr-acc__item[open] .sr-acc__q::after { content: "–"; }

.sr-acc__a {
  max-width: 68ch;
  margin: 0;
  padding-block-end: var(--sp-4);
  font-size: var(--fs-small);
  line-height: 1.6;
  color: var(--ink-muted);
}

.sr-acc__a + .sr-acc__a { padding-block-start: 0; }



.sr-cta__in {
  display: grid;
  gap: var(--sp-4);
  justify-items: start;
}

.sr-cta .sr-h2 { margin: 0; max-width: 30ch; }
.sr-cta__acts { margin: 0; display: flex; flex-wrap: wrap; gap: var(--sp-4); }



@media (max-width: 1080px) {
  .sr-band__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .sr-hero {
    min-height: auto;
    padding-block: var(--head-h) clamp(2.5rem, 8vw, 4rem);
  }
  .sr-hero__band { max-width: 100%; }
  .sr-hero::after { background: var(--scrim); }
  .sr-proof__grid,
  .sr-mat__grid { grid-template-columns: minmax(0, 1fr); }
  .sr-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .sr-rail { grid-template-columns: minmax(0, 1fr); }
  .sr-steps { grid-template-columns: minmax(0, 1fr); }
  .sr-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-pair { gap: var(--sp-4); }
  .sr-row { grid-template-columns: minmax(0, 1fr); gap: var(--sp-1); }
  .sr-band__grid { grid-template-columns: minmax(0, 1fr); }
}