/* Method — page-unique material only, loaded after site.css.
   Act I (where marketing actually fails, dark, scrubbed), Act II (what gets
   a business named by AI, lit, pinned), the chain in full, the first ninety
   days, the executive view, the six standards, the case against us. */

/* ============ ACT II · THE MECHANISM (lit, pinned) ============ */

.factors { display: grid; gap: var(--space-5); }
@media (min-width: 760px) { .factors { grid-template-columns: 1fr 1fr; } }
.factor {
  background: var(--card); border: 1px solid rgba(14,19,24,0.1); border-radius: 14px;
  padding: var(--space-5) var(--space-6); display: grid; gap: var(--space-2); align-content: start;
  box-shadow: 0 2px 10px rgba(14,19,24,0.04);
}
.factor__n { font-family: var(--font-label); font-size: var(--text-caption); font-weight: 600;
  color: var(--logo); font-variant-numeric: tabular-nums; }
.factor h3 { font-size: var(--text-h4); color: var(--ink); }
.factor p { font-size: var(--text-small); color: var(--body-ink); }

.mech-foot { margin-top: var(--space-6); font-size: var(--text-small); color: var(--label-ink); max-width: 66ch; }
.mech-foot strong { color: var(--ink); }

/* ============ THE CHAIN, IN FULL ============ */

.chain-full .tm-link p { max-width: 40ch; }
.chain-full .tm-link__break { margin-top: var(--space-4); font-family: var(--font-label);
  font-size: var(--text-caption); color: var(--label-ink); }
.chain-full .tm-link__break strong { color: var(--bad); font-weight: 700;
  letter-spacing: var(--tracking-wide); text-transform: uppercase; font-size: 10px; }

/* ============ THE FIRST NINETY DAYS ============ */

.days { display: grid; margin-top: var(--space-8); max-width: 860px; }
.day { display: grid; grid-template-columns: 130px 1fr; gap: var(--space-6);
  padding: var(--space-5) 0; border-top: 1px solid rgba(14,19,24,0.12); }
@media (max-width: 560px) { .day { grid-template-columns: 1fr; gap: var(--space-2); } }
.day__when { font-family: var(--font-label); font-size: var(--text-caption); font-weight: 600;
  letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--logo); padding-top: 3px; }
.day h3 { font-size: var(--text-h4); color: var(--ink); }
.day p { margin-top: var(--space-1); font-size: var(--text-small); color: var(--body-ink); max-width: 58ch; }

/* ============ THE EXECUTIVE VIEW ============ */

.execview { margin-top: var(--space-8); padding: var(--space-8); border-radius: 16px;
  background: var(--card); border: 1px solid rgba(14,19,24,0.1);
  box-shadow: 0 2px 10px rgba(14,19,24,0.04); }
.execview .stats { margin-top: var(--space-6); }
@media (min-width: 900px) { .execview .stats { grid-template-columns: repeat(4, 1fr); } }
.execview__cap { font-family: var(--font-label); font-size: var(--text-caption);
  letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--label-ink);
  display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; }
.stat__delta { font-family: var(--font-label); font-size: var(--text-caption); color: var(--good); }
.stat__delta--flat { color: var(--label-ink); }

/* ============ THE SIX STANDARDS ============ */

.standards { display: grid; gap: var(--space-6); margin-top: var(--space-4); }
@media (min-width: 700px) { .standards { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) { .standards { grid-template-columns: repeat(3, 1fr); } }
.standard { padding-top: var(--space-4); border-top: 1px solid rgba(14,19,24,0.14); }
.standard__n { font-family: var(--font-label); font-size: var(--text-caption); font-weight: 600;
  color: var(--logo); font-variant-numeric: tabular-nums; }
.standard h3 { margin-top: var(--space-2); font-size: var(--text-h4); color: var(--ink); }
.standard p { margin-top: var(--space-2); font-size: var(--text-small); color: var(--body-ink); }

/* ============ THE CASE AGAINST US ============ */

.against { display: grid; gap: var(--space-5); margin-top: var(--space-4); max-width: 900px; }
.against__item { display: grid; grid-template-columns: auto 1fr; gap: var(--space-4);
  align-items: baseline; padding: var(--space-4) 0; border-top: 1px solid rgba(14,19,24,0.12); }
.against__n { font-family: var(--font-label); font-size: var(--text-caption); color: var(--label-ink);
  font-variant-numeric: tabular-nums; }
.against__item strong { display: block; color: var(--ink); font-size: var(--text-body); }
.against__item p { margin-top: var(--space-1); font-size: var(--text-small); color: var(--body-ink); max-width: 62ch; }