.block {
  position: relative;
  padding-block: var(--block-pad);
  border-top: var(--rule) solid var(--line);
}

.block:first-of-type { border-top: 0; }

.block::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(var(--rule) * -1);
  width: 72px;
  height: var(--tick);
  background: var(--signal);
  z-index: 2;
}

.block:first-of-type::before { display: none; }

.block--ink { background: var(--ink); color: var(--paper); }
.block--gun { background: var(--gunmetal); color: var(--paper); }
.block--gun-2 { background: var(--gunmetal-2); color: var(--paper); }
.block--paper { background: var(--paper); color: var(--ink); }
.block--signal { background: var(--signal); color: var(--ink); }

.block--paper .lead,
.block--signal .lead { color: rgba(11, 12, 14, 0.74); }

.block--paper .label { color: rgba(11, 12, 14, 0.56); }
.block--paper .muted { color: rgba(11, 12, 14, 0.6); }
.block--paper hr,
.block--paper .hairline { background: rgba(11, 12, 14, 0.16); }

.block--tight { padding-block: clamp(40px, 6vw, 76px); }

.block--textured::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--scanlines);
  opacity: 0.55;
  pointer-events: none;
  z-index: 0;
}

.block--gridded::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--grid-texture);
  background-position: center;
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
}

.block > .shell,
.block > .shell--narrow,
.block > .shell--wide { position: relative; z-index: 1; }

.block-open {
  display: grid;
  gap: var(--s-4);
  padding-bottom: clamp(var(--s-5), 4vw, var(--s-7));
}

.block-open__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.85rem;
  padding-bottom: 0.6rem;
  border-bottom: var(--hair) solid var(--line);
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--mute);
}

.block--paper .block-open__bar { border-color: rgba(11, 12, 14, 0.18); color: rgba(11, 12, 14, 0.58); }

.block-open__bar b { color: var(--signal); font-weight: 500; }

.block--paper .block-open__bar b { color: #C23A12; }

.block-open__bar .frame__dot { margin-right: 0.1rem; }

.block-open__title {
  font-size: var(--t-h2);
  max-width: 22ch;
}

.block-open--wide .block-open__title { max-width: 34ch; }

.block-open__text {
  font-size: var(--t-lead);
  line-height: 1.5;
  color: var(--paper-72);
  max-width: 56ch;
}

.block--paper .block-open__text { color: rgba(11, 12, 14, 0.72); }

@media (min-width: 980px) {
  .block-open--split {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: end;
    column-gap: var(--s-7);
  }
  .block-open--split .block-open__bar { grid-column: 1 / -1; }
}

.statement {
  position: relative;
  background: var(--ink);
  border-bottom: var(--rule) solid var(--line);
  padding-block: clamp(52px, 9vw, 108px);
  overflow: hidden;
}

.statement::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--scanlines);
  opacity: 0.7;
  pointer-events: none;
}

.statement__inner {
  position: relative;
  z-index: 1;
  width: var(--shell);
  margin-inline: auto;
}

@media (max-width: 767px) {
  .statement__inner { width: calc(100% - (var(--gutter) * 2)); }
}

.statement__frame {
  position: relative;
  border: var(--hair) solid var(--line);
  padding: clamp(var(--s-4), 3.4vw, var(--s-7));
}

.statement__frame::before,
.statement__frame::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  border: var(--rule) solid var(--signal);
  pointer-events: none;
}

.statement__frame::before { top: -1px; left: -1px; border-right: 0; border-bottom: 0; }
.statement__frame::after { right: -1px; bottom: -1px; border-left: 0; border-top: 0; }

.statement__status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.9rem;
  padding-bottom: 0.65rem;
  margin-bottom: clamp(var(--s-4), 3vw, var(--s-6));
  border-bottom: var(--hair) solid var(--line);
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  font-weight: 500;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--mute);
}

.statement__status b { color: var(--paper); font-weight: 500; }
.statement__status .sep { color: var(--mute); }

.hero-head {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-mega);
  line-height: 0.93;
  letter-spacing: var(--track-mega);
  margin: 0;
  text-wrap: balance;
}

.hero-head .hero-line {
  display: block;
  overflow: hidden;
}

.hero-head .hero-line > span { display: inline-block; }

.hero-head em {
  font-style: normal;
  color: var(--signal);
}

.hero-head .hero-num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.statement__sub {
  margin-top: clamp(var(--s-4), 2.6vw, var(--s-5));
  font-size: var(--t-lead);
  line-height: 1.52;
  color: var(--paper-72);
  max-width: 52ch;
}

.statement__actions {
  margin-top: clamp(var(--s-5), 3vw, var(--s-6));
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-3);
}

.statement__ticker {
  display: grid;
  gap: 0;
  margin-top: clamp(var(--s-5), 4vw, var(--s-7));
  border-top: var(--hair) solid var(--line);
}

@media (min-width: 720px) {
  .statement__ticker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .statement__ticker > * + * { border-left: var(--hair) solid var(--line); }
}

.statement__ticker > * {
  min-width: 0;
  padding: var(--s-4) 0 var(--s-3);
}

@media (min-width: 720px) {
  .statement__ticker > * { padding-inline: var(--s-4); }
  .statement__ticker > *:first-child { padding-left: 0; }
}

@media (max-width: 719px) {
  .statement__ticker > * + * { border-top: var(--hair) solid var(--line); }
}

.ticker__num {
  display: block;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  line-height: 1;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

.ticker__num small {
  font-family: var(--font-mono);
  font-size: 0.36em;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--signal);
  margin-left: 0.25em;
}

.ticker__label {
  display: block;
  margin-top: 0.5rem;
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--mute);
  line-height: 1.5;
}

.statement__aside {
  margin-top: clamp(var(--s-5), 4vw, var(--s-7));
}

@media (min-width: 1080px) {
  .statement--media .statement__frame {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    column-gap: clamp(var(--s-5), 4vw, var(--s-8));
    align-items: center;
  }
  .statement--media .statement__status { grid-column: 1 / -1; }
  .statement--media .statement__ticker { grid-column: 1 / -1; }
  .statement--media .statement__aside { margin-top: 0; }
}

.offer-list { border-top: var(--hair) solid var(--line); }

.offer-row {
  display: grid;
  grid-template-columns: 3.2rem minmax(0, 1fr);
  column-gap: var(--s-3);
  row-gap: var(--s-3);
  padding-block: clamp(var(--s-4), 3.4vw, var(--s-6));
  border-bottom: var(--hair) solid var(--line);
  position: relative;
  transition: background var(--dur-3) var(--ease-out);
}

.offer-row::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--tick);
  background: var(--signal);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform var(--dur-3) var(--ease-out);
}

.offer-row:hover::after,
.offer-row:focus-within::after { transform: scaleY(1); }

.offer-row:hover { background: rgba(241, 239, 234, 0.025); }

.offer-row__no {
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: var(--track-meta);
  color: var(--signal);
  font-variant-numeric: tabular-nums;
  padding-top: 0.35em;
}

.offer-row__body { min-width: 0; }

.offer-row__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.3125rem, 2.6vw, 2rem);
  line-height: 1.08;
  letter-spacing: var(--track-head);
}

.offer-row__text {
  margin-top: var(--s-2);
  color: var(--paper-72);
  max-width: 58ch;
}

.offer-row__meta {
  margin-top: var(--s-3);
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.5rem;
}

.offer-row__fig {
  grid-column: 2;
  justify-self: start;
  position: relative;
  padding: 0.7rem 1rem;
  border: var(--hair) solid var(--line);
  background: rgba(11, 12, 14, 0.35);
  min-width: 0;
}

.offer-row__fig::before,
.offer-row__fig::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border: 2px solid var(--signal);
}

.offer-row__fig::before { top: -1px; left: -1px; border-right: 0; border-bottom: 0; }
.offer-row__fig::after { bottom: -1px; right: -1px; border-left: 0; border-top: 0; }

.offer-row__fig b {
  display: block;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.5rem, 3.4vw, 2.125rem);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

.offer-row__fig b small {
  font-family: var(--font-mono);
  font-size: 0.4em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--signal);
  margin-left: 0.3em;
}

.offer-row__fig span {
  display: block;
  margin-top: 0.4rem;
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--mute);
}

@media (min-width: 980px) {
  .offer-row {
    grid-template-columns: 4rem minmax(0, 1fr) minmax(0, 16rem);
    align-items: center;
    column-gap: var(--s-5);
  }
  .offer-row__no { padding-top: 0; }
  .offer-row__fig { grid-column: 3; justify-self: stretch; }
}

.proof-grid {
  display: grid;
  gap: clamp(var(--s-5), 4vw, var(--s-7));
  align-items: start;
}

@media (min-width: 980px) {
  .proof-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
}

.proof-grid > * { min-width: 0; }

.proof-media {
  position: relative;
  border: var(--hair) solid var(--line);
  padding: 10px;
  background: rgba(11, 12, 14, 0.5);
}

.proof-media::before,
.proof-media::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border: var(--rule) solid var(--signal);
  pointer-events: none;
  z-index: 2;
}

.proof-media::before { top: -1px; left: -1px; border-right: 0; border-bottom: 0; }
.proof-media::after { bottom: -1px; right: -1px; border-left: 0; border-top: 0; }

.proof-media img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.proof-media__bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.4rem 0.9rem;
  padding: 0.5rem 0.2rem 0.7rem;
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--mute);
}

.proof-media__bar b { color: var(--signal); font-weight: 500; }

.proof-specs {
  display: grid;
  gap: 0;
  border-top: var(--hair) solid var(--line);
}

.proof-specs__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--s-3);
  align-items: baseline;
  padding: 0.85rem 0;
  border-bottom: var(--hair) solid var(--line);
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  font-variant-numeric: tabular-nums;
}

.proof-specs__row dt {
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--mute);
  min-width: 0;
}

.proof-specs__row dd {
  margin: 0;
  text-align: right;
  color: var(--paper);
  font-weight: 500;
}

.proof-specs__row dd b { color: var(--signal); font-weight: 500; }

.proof-quote {
  margin-top: var(--s-5);
  padding-left: var(--s-4);
  border-left: var(--rule) solid var(--signal);
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(1.125rem, 1.8vw, 1.4375rem);
  line-height: 1.32;
  letter-spacing: -0.015em;
}

.tier-list { display: grid; gap: 0; border-top: var(--hair) solid var(--line); }

.tier-row {
  display: grid;
  gap: var(--s-3);
  padding-block: clamp(var(--s-4), 3vw, var(--s-5));
  border-bottom: var(--hair) solid var(--line);
  align-items: start;
}

@media (min-width: 860px) {
  .tier-row {
    grid-template-columns: minmax(0, 14rem) minmax(0, 1fr) minmax(0, 13rem);
    column-gap: var(--s-5);
    align-items: center;
  }
}

.tier-row > * { min-width: 0; }

.tier-row__name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.1875rem, 2vw, 1.5rem);
  letter-spacing: var(--track-head);
  line-height: 1.12;
}

.tier-row__name a { text-decoration: none; }
.tier-row__name a:hover { color: var(--signal); }

.tier-row__basis {
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--signal);
  margin-top: 0.4rem;
  line-height: 1.5;
}

.tier-row__text { color: var(--paper-72); }

.tier-row__go { justify-self: start; }

@media (min-width: 860px) {
  .tier-row__go { justify-self: end; }
}

.tier-section {
  display: grid;
  gap: clamp(var(--s-5), 4vw, var(--s-7));
  padding-block: clamp(var(--s-6), 6vw, var(--s-8));
  border-top: var(--rule) solid var(--line);
  position: relative;
}

.tier-section::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(var(--rule) * -1);
  width: 48px;
  height: var(--tick);
  background: var(--signal);
}

.tier-section > * { min-width: 0; }

@media (min-width: 980px) {
  .tier-section { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: start; }
  .tier-section--flip .tier-section__media { order: 2; }
}

.tier-section__media {
  border: var(--hair) solid var(--line);
  padding: 8px;
  position: relative;
}

.tier-section__media::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 20px;
  height: 20px;
  border: var(--rule) solid var(--signal);
  border-left: 0;
  border-top: 0;
}

.tier-section__media img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.tier-section__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 0.9rem;
  margin-bottom: var(--s-3);
}

.tier-section__no {
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-label);
  color: var(--signal);
  font-variant-numeric: tabular-nums;
}

.tier-section h2 { font-size: clamp(1.75rem, 3.6vw, 2.625rem); }

.tier-section__basis {
  margin-top: var(--s-3);
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.6rem;
  padding: 0.55rem 0.8rem;
  border: var(--hair) solid var(--line);
  border-left: var(--tick) solid var(--signal);
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--paper);
  line-height: 1.5;
  max-width: 100%;
}

.tier-section__list {
  list-style: none;
  padding: 0;
  margin: var(--s-4) 0 0;
  display: grid;
  gap: 0;
  border-top: var(--hair) solid var(--line);
}

.tier-section__list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.7rem;
  margin: 0;
  padding: 0.7rem 0;
  border-bottom: var(--hair) solid var(--line);
  font-size: var(--t-small);
  line-height: 1.55;
  color: var(--paper-72);
}

.tier-section__list .icon { color: var(--signal); margin-top: 0.25em; }

.engine-diagram {
  border: var(--hair) solid var(--line);
  padding: clamp(var(--s-4), 3vw, var(--s-6));
  background: rgba(11, 12, 14, 0.4);
}

.budget-rows { display: grid; gap: var(--s-3); margin-top: var(--s-4); }

.budget-row { display: grid; gap: 0.4rem; min-width: 0; }

.budget-row__top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.3rem 0.8rem;
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--mute);
}

.budget-row__top b {
  color: var(--paper);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.budget-row__track {
  height: 14px;
  border: var(--hair) solid var(--line);
  background: repeating-linear-gradient(90deg, rgba(241, 239, 234, 0.06) 0 1px, transparent 1px 12px);
  position: relative;
}

.budget-row__fill {
  position: absolute;
  inset: 0 auto 0 0;
  background: var(--signal);
  opacity: 0.85;
}

.budget-row--muted .budget-row__fill { background: var(--mute); opacity: 0.5; }

.dial-pair {
  display: grid;
  gap: var(--s-4);
  margin-top: var(--s-5);
}

@media (min-width: 720px) {
  .dial-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.dial {
  border: var(--hair) solid var(--line);
  padding: var(--s-4);
  background: var(--gunmetal-2);
  min-width: 0;
}

.dial__name {
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--signal);
}

.dial__val {
  display: block;
  margin-top: 0.45rem;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.dial__text { margin-top: var(--s-2); font-size: var(--t-small); line-height: 1.55; color: var(--paper-72); }

.platform-grid {
  display: grid;
  gap: 0;
  border-top: var(--hair) solid var(--line);
  border-left: var(--hair) solid var(--line);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
}

.platform-grid > * {
  min-width: 0;
  padding: var(--s-4);
  border-right: var(--hair) solid var(--line);
  border-bottom: var(--hair) solid var(--line);
}

.platform-grid dt {
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--signal);
}

.platform-grid dd {
  margin: 0.5rem 0 0;
  font-size: var(--t-small);
  line-height: 1.55;
  color: var(--paper-72);
}

.timeline { border-top: var(--hair) solid var(--line); margin-top: var(--s-5); }

.timeline__item {
  display: grid;
  grid-template-columns: minmax(0, 5.5rem) minmax(0, 1fr);
  gap: var(--s-3) var(--s-4);
  padding-block: var(--s-4);
  border-bottom: var(--hair) solid var(--line);
  align-items: start;
}

.timeline__year {
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: var(--track-meta);
  color: var(--signal);
  font-variant-numeric: tabular-nums;
}

.timeline__body { min-width: 0; }

.timeline__body h3 {
  font-family: var(--font-display);
  font-size: var(--t-h4);
  font-weight: 700;
}

.timeline__body p { margin-top: 0.35rem; color: var(--paper-72); max-width: 62ch; }

.team-split {
  display: grid;
  gap: 0;
  border-top: var(--hair) solid var(--line);
  border-left: var(--hair) solid var(--line);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
  margin-top: var(--s-5);
}

.team-split > div {
  padding: var(--s-4);
  border-right: var(--hair) solid var(--line);
  border-bottom: var(--hair) solid var(--line);
  min-width: 0;
}

.team-split b {
  display: block;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.team-split span {
  display: block;
  margin-top: 0.5rem;
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--mute);
  line-height: 1.5;
}

.contact-grid {
  display: grid;
  gap: clamp(var(--s-5), 4vw, var(--s-7));
  align-items: start;
}

@media (min-width: 980px) {
  .contact-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
}

.contact-grid > * { min-width: 0; }

.contact-facts {
  display: grid;
  gap: 0;
  border-top: var(--hair) solid var(--line);
}

.contact-facts__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.85rem;
  padding: var(--s-4) 0;
  border-bottom: var(--hair) solid var(--line);
  align-items: start;
}

.contact-facts__row .icon { color: var(--signal); margin-top: 0.3em; }

.contact-facts__row dt {
  grid-column: 2;
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--mute);
}

.contact-facts__row dd {
  grid-column: 2;
  margin: 0.3rem 0 0;
  font-size: 1.0625rem;
  line-height: 1.5;
}

.contact-facts__row dd a { text-decoration: none; border-bottom: var(--hair) solid var(--line); }
.contact-facts__row dd a:hover { border-color: var(--signal); }

.contact-facts__row address { font-style: normal; }

.doc-card {
  position: relative;
  margin-block: clamp(var(--s-5), 5vw, var(--s-8));
  background: var(--paper);
  color: var(--ink);
  border: var(--hair) solid rgba(11, 12, 14, 0.22);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), -10px 10px 0 0 rgba(255, 79, 31, 0.14);
  padding: clamp(var(--s-4), 4vw, var(--s-8));
}

.doc-card::before,
.doc-card::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: var(--rule) solid var(--signal);
  pointer-events: none;
}

.doc-card::before { top: -1px; left: -1px; border-right: 0; border-bottom: 0; }
.doc-card::after { right: -1px; bottom: -1px; border-left: 0; border-top: 0; }

.doc-card__masthead {
  padding-bottom: var(--s-4);
  border-bottom: var(--rule) solid var(--ink);
  margin-bottom: clamp(var(--s-5), 4vw, var(--s-6));
}

.doc-card__eyebrow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.9rem;
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  font-weight: 500;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: rgba(11, 12, 14, 0.6);
}

.doc-card__eyebrow b { color: #A32E0E; font-weight: 500; }

.doc-card h1 {
  margin-top: var(--s-3);
  font-size: clamp(1.875rem, 5.2vw, 3.25rem);
}

.doc-card__meta {
  margin-top: var(--s-4);
  display: grid;
  gap: 0.5rem 1.4rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: rgba(11, 12, 14, 0.62);
}

.doc-card__meta > div { min-width: 0; }
.doc-card__meta b { display: block; color: var(--ink); font-weight: 500; margin-top: 0.25rem; font-size: 0.8125rem; }

.clause { padding-top: clamp(var(--s-5), 4vw, var(--s-6)); }

.clause + .clause { border-top: var(--hair) solid rgba(11, 12, 14, 0.16); }

.clause__opener {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 0.9rem;
  margin-bottom: var(--s-3);
}

.clause__no {
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: var(--track-meta);
  color: #C23A12;
  font-variant-numeric: tabular-nums;
}

.clause h2 {
  font-size: clamp(1.375rem, 2.8vw, 1.875rem);
  margin: 0;
}

.clause .prose { color: rgba(11, 12, 14, 0.82); max-width: 70ch; }
.clause .prose strong { color: var(--ink); }
.clause .prose a { color: #C23A12; text-decoration-color: rgba(194, 58, 18, 0.4); }

.doc-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.5rem;
  list-style: none;
  padding: 0;
  margin: var(--s-4) 0 0;
}

.doc-toc li { margin: 0; min-width: 0; }

.doc-toc a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0.35rem 0.7rem;
  border: var(--hair) solid rgba(11, 12, 14, 0.2);
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(11, 12, 14, 0.72);
  transition: border-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), background var(--dur-2) var(--ease-out);
}

.doc-toc a:hover { border-color: var(--signal); color: var(--signal); background: rgba(255, 79, 31, 0.08); }

.tabs { margin-top: clamp(var(--s-5), 4vw, var(--s-6)); }

.tabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border-bottom: var(--rule) solid var(--line);
}

.tabs__tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  padding: 0.75rem 1.1rem;
  border: var(--hair) solid var(--line);
  border-bottom: 0;
  margin-right: -1px;
  background: transparent;
  color: var(--mute);
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  font-weight: 500;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  cursor: pointer;
  transition: color var(--dur-2) var(--ease-out), background var(--dur-2) var(--ease-out);
}

.tabs__tab:hover { color: var(--paper); background: rgba(241, 239, 234, 0.04); }

.tabs__tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--rule) * -1);
  height: var(--rule);
  background: var(--signal);
  transform: scaleX(0);
  transition: transform var(--dur-3) var(--ease-out);
}

.tabs__tab[aria-selected="true"] {
  color: var(--paper);
  background: var(--gunmetal-2);
}

.tabs__tab[aria-selected="true"]::after { transform: scaleX(1); }

.tabs__panel {
  padding-top: clamp(var(--s-5), 4vw, var(--s-6));
}

.tabs__panel[hidden] { display: none; }

.tabs__panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem 0.9rem;
  padding-bottom: var(--s-3);
  border-bottom: var(--hair) solid var(--line);
  margin-bottom: var(--s-4);
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--mute);
}

.tabs__panel-head b { color: var(--signal); font-weight: 500; }

.tabs__panel h2 { font-size: clamp(1.5rem, 3.2vw, 2.25rem); }

.tabs__acc {
  display: none;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-3);
  min-height: 60px;
  padding: var(--s-3) 0;
  text-align: left;
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--paper);
  border-top: var(--hair) solid var(--line);
}

.tabs__acc .icon { color: var(--signal); transition: transform var(--dur-3) var(--ease-out); }
.tabs__acc[aria-expanded="true"] .icon { transform: rotate(180deg); }

@media (max-width: 767px) {
  .tabs__list { display: none; }
  .tabs__acc { display: flex; }
  .tabs__panel { padding-top: var(--s-4); padding-bottom: var(--s-5); }
  .tabs__panel-head { margin-bottom: var(--s-3); }
  .tabs { border-bottom: var(--hair) solid var(--line); }
}

.qa-list { margin-top: clamp(var(--s-5), 5vw, var(--s-7)); }

.qa {
  padding-block: clamp(var(--s-5), 5vw, var(--s-7));
  border-top: var(--hair) solid var(--line);
  position: relative;
}

.qa:first-child { border-top: var(--rule) solid var(--line); }

.qa__no {
  position: absolute;
  left: 0;
  top: calc(clamp(var(--s-5), 5vw, var(--s-7)) - 0.15rem);
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-meta);
  color: var(--signal);
  font-variant-numeric: tabular-nums;
}

.qa__q {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.625rem, 5vw, 3rem);
  line-height: 1.02;
  letter-spacing: var(--track-mega);
  max-width: 26ch;
  margin: 0;
}

.qa__a {
  margin-top: var(--s-4);
  max-width: 66ch;
  font-size: clamp(1rem, 0.5vw + 0.9rem, 1.125rem);
  line-height: 1.66;
  color: var(--paper-72);
  hanging-punctuation: first;
}

.qa__a > * + * { margin-top: 1em; }

.qa__a strong { color: var(--paper); font-weight: 600; }

.qa__a a { color: var(--signal); }

.qa__a ul { padding-left: 1.2em; }
.qa__a li::marker { color: var(--signal); }

@media (min-width: 900px) {
  .qa { padding-left: 5.5rem; }
  .qa__a { margin-left: 0; }
}

@media (max-width: 899px) {
  .qa { padding-left: 2.2rem; }
  .qa__no { font-size: 0.6875rem; }
}

.qa__aside {
  margin-top: var(--s-4);
  padding: var(--s-3) var(--s-4);
  border: var(--hair) solid var(--line);
  border-left: var(--tick) solid var(--signal);
  font-family: var(--font-mono);
  font-size: var(--t-small);
  line-height: 1.6;
  color: var(--paper);
  max-width: 62ch;
}

.data-table-wrap {
  overflow-x: auto;
  border: var(--hair) solid var(--line);
  margin-top: var(--s-4);
  -webkit-overflow-scrolling: touch;
}

.data-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 900px) {
  .data-table {
    min-width: 0;
    font-size: 0.75rem;
  }
  .data-table th,
  .data-table td { padding: 0.55rem 0.5rem; }
}

.data-table caption {
  text-align: left;
  padding: 0.7rem 0.9rem;
  font-size: var(--t-meta);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--mute);
  border-bottom: var(--hair) solid var(--line);
  background: rgba(241, 239, 234, 0.04);
  white-space: normal;
  overflow-wrap: break-word;
}

.data-table th,
.data-table td {
  text-align: left;
  vertical-align: top;
  padding: 0.75rem 0.9rem;
  border-bottom: var(--hair) solid var(--line);
  line-height: 1.5;
}

.data-table thead th {
  font-weight: 500;
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--signal);
  white-space: nowrap;
}

.data-table tbody th { font-weight: 500; color: var(--paper); }
.data-table td { color: var(--paper-72); }
.data-table tbody tr:hover td,
.data-table tbody tr:hover th { background: rgba(255, 79, 31, 0.05); }

.data-table--paper thead th { color: #C23A12; }
.data-table--paper tbody th { color: var(--ink); }
.data-table--paper td { color: rgba(11, 12, 14, 0.78); }
.data-table--paper th,
.data-table--paper td,
.data-table--paper caption { border-color: rgba(11, 12, 14, 0.14); }
.data-table--paper caption { background: rgba(11, 12, 14, 0.04); color: rgba(11, 12, 14, 0.6); }

.page-head {
  position: relative;
  padding-block: clamp(var(--s-6), 8vw, var(--s-9)) clamp(var(--s-5), 5vw, var(--s-7));
  border-bottom: var(--rule) solid var(--line);
  overflow: hidden;
}

.page-head::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--grid-texture);
  opacity: 0.4;
  pointer-events: none;
}

.page-head__inner { position: relative; z-index: 1; }

.page-head__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.9rem;
  padding-bottom: 0.6rem;
  border-bottom: var(--hair) solid var(--line);
  margin-bottom: var(--s-5);
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--mute);
}

.page-head__bar b { color: var(--signal); font-weight: 500; }

.page-head h1 {
  font-size: clamp(2rem, 6.6vw, 4.25rem);
  max-width: 24ch;
}

.page-head__sub {
  margin-top: var(--s-4);
  font-size: var(--t-lead);
  line-height: 1.5;
  color: var(--paper-72);
  max-width: 60ch;
}

.page-head__facts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-3) var(--s-5);
  margin-top: var(--s-5);
}

.page-head__facts > div { min-width: 0; }

.page-head--paper { background: var(--paper); color: var(--ink); }
.page-head--paper .page-head__bar { color: rgba(11, 12, 14, 0.6); border-color: rgba(11, 12, 14, 0.18); }
.page-head--paper .page-head__bar b { color: #A32E0E; }
.page-head--paper .page-head__sub { color: rgba(11, 12, 14, 0.72); }
.page-head--paper::after { opacity: 0.14; }

.callout {
  display: grid;
  gap: var(--s-4);
  align-items: center;
  padding: clamp(var(--s-5), 4vw, var(--s-7));
  border: var(--hair) solid var(--line);
  border-left: var(--tick) solid var(--signal);
  background: var(--gunmetal-2);
}

@media (min-width: 900px) {
  .callout { grid-template-columns: minmax(0, 1fr) auto; }
}

.callout > * { min-width: 0; }

.callout { color: var(--paper); }
.callout h2 { font-size: var(--t-h3); color: var(--paper); }
.callout p { margin-top: 0.6rem; color: var(--paper-72); max-width: 54ch; }

.notfound {
  min-height: 62vh;
  display: grid;
  align-content: center;
  gap: var(--s-4);
  padding-block: clamp(var(--s-7), 10vw, var(--s-9));
}

.notfound__code {
  font-family: var(--font-mono);
  font-size: var(--t-meta);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--signal);
}

.notfound h1 { font-size: clamp(2.25rem, 8vw, 5rem); max-width: 18ch; }

.notfound__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-3);
  margin-top: var(--s-3);
}

.faq { margin-top: clamp(var(--s-5), 4vw, var(--s-6)); }

.faq .accordion__panel-inner { color: var(--paper-72); }

@media (max-width: 359px) {
  :root { --gutter: 16px; }
  .btn { padding-inline: 1.05rem; font-size: 0.75rem; }
  .offer-row { grid-template-columns: 2.4rem minmax(0, 1fr); }
  .qa__q { font-size: 1.5rem; }
}

.tabs__panel-body > * + * { margin-top: var(--s-4); }

@media (max-width: 767px) {
  .tabs__panel-body { padding-bottom: var(--s-5); }
}

.legal-wrap { padding-block: clamp(var(--s-5), 5vw, var(--s-7)); }

.legal-wrap--tabs { padding-top: clamp(var(--s-4), 3vw, var(--s-5)); }
