/* Светлая палитра 01 и типографика 01.2 для MAX, кейса и страницы 404. */
.page-hero {
  background-color:var(--white);
  background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);
}
.page-offer h1, .inner-section h2, .not-found h1 { color:var(--heading); }
.hero-summary { color:var(--lead); }
.max-imprint {
  font-family:var(--font-site);
  font-weight:600;
  font-size:clamp(100px,11.7vw,168px);
  letter-spacing:-.06em;
  color:var(--ghost);
}
.potential-number, .case-total>p { color:var(--hero-stat); }
.potential-caption { color:var(--ink); }
.page-toc {
  background:var(--soft);
  color:var(--nav);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-toc>.eyebrow { color:var(--muted); }
.page-toc :focus-visible, .related-story:focus-visible { outline-color:var(--red); }
.inner-section:not(.section-white) { background:var(--soft); }
.inner-section h2 {
  font-size:var(--type-section);
  font-weight:var(--type-heading-weight);
  line-height:1.12;
  letter-spacing:var(--type-heading-tracking);
}
.split-heading h2>span:first-child:not(.red) { color:var(--secondary-heading); }
.step-number { font-family:var(--font-site);font-weight:500;color:var(--red-text); }
.process-list h3, .client-types h3, .strategy-points h4, .crm-note h3, .lessons-grid h3 {
  font-weight:600;
  letter-spacing:-.025em;
}
.potential-number, .case-total>p, .cycle-number, .quality-grid dt,
.case-outcomes dt, .product-ranges dd, .quality-change strong {
  font-weight:var(--type-number-weight);
  font-variant-numeric:lining-nums proportional-nums;
  letter-spacing:-.045em;
}
.product-ranges dd span { letter-spacing:0; }
.client-types .eyebrow, .text-link { color:var(--red-text); }
.metrics-table thead th { border-top-color:var(--line); }
.metrics-table .emphasis-row { background:var(--soft); }
.case-outcomes {
  background:var(--case-bg);
  color:var(--ink);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.case-outcomes>.eyebrow, .case-outcomes dd { color:var(--muted); }
.case-outcomes dt { color:var(--heading); }
.case-outcomes dl>div+div { border-color:var(--line); }
.related-story {
  background:var(--white);
  color:var(--heading);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.related-story>.eyebrow, .related-story p { color:var(--muted); }
.inner-cta {
  background:var(--cta-bg);
  color:var(--cta-ink);
}
.inner-cta .eyebrow { color:var(--cta-sub); }
.inner-cta .button-white {
  background:var(--cta-button-bg);
  color:var(--cta-button-ink);
}
.inner-cta .button-white:hover {
  background:var(--cta-button-hover);
  color:var(--cta-button-ink);
}
.inner-cta h2 { font-weight:var(--type-heading-weight);letter-spacing:var(--type-heading-tracking); }
@media (min-width:701px) and (max-width:950px) {
  .max-imprint { font-size:clamp(80px,11vw,105px); }
}