.public-page--commercial {
  min-width: 320px;
  padding-top: 0;
  color: var(--color-ink);
  background: var(--color-snow);
}

.commercial-audience-grid,
.smb-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.commercial-audience-grid a,
.smb-card-grid article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--color-pebble);
  border-radius: var(--radius-cards);
  color: var(--color-ink);
  background: var(--color-snow);
}

.commercial-audience-grid a {
  transition: border-color 160ms ease, transform 160ms ease;
}

.commercial-audience-grid a:hover {
  border-color: var(--color-public-cta);
  transform: translateY(-2px);
}

.commercial-audience-grid span,
.smb-card-grid p {
  margin: 0;
  color: var(--color-slate);
  font-size: var(--public-meta-size);
  line-height: 1.5;
}

.smb-metrics {
  display: grid;
  align-content: center;
  gap: 14px;
  margin: 0;
  padding: 24px;
  border-radius: var(--radius-cards);
  background: var(--color-cloud);
}

.smb-metrics div {
  display: grid;
  gap: 5px;
}

.smb-metrics dt {
  font-size: var(--public-meta-size);
  font-weight: 600;
}

.smb-metrics dd {
  margin: 0;
  color: var(--color-slate);
  line-height: 1.5;
}

@media (max-width: 900px) {
  .commercial-audience-grid,
  .smb-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .commercial-audience-grid,
  .smb-card-grid {
    grid-template-columns: 1fr;
  }

  .commercial-audience-grid a,
  .smb-card-grid article {
    padding: 18px;
  }
}
.public-page--commercial *,
.public-page--commercial *::before,
.public-page--commercial *::after {
  box-sizing: border-box;
}

.public-page--commercial main::before {
  display: none;
}

.commercial-page {
  overflow: clip;
}

.commercial-hero {
  position: relative;
  display: grid;
  min-height: 680px;
  padding: 132px var(--public-page-gutter) 88px;
  place-items: center;
  background-color: color-mix(in srgb, var(--color-cloud) 58%, var(--color-snow));
  background-image:
    linear-gradient(to bottom, transparent 70%, var(--color-snow) 100%),
    linear-gradient(color-mix(in srgb, var(--color-ink) 5%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--color-ink) 5%, transparent) 1px, transparent 1px),
    radial-gradient(circle at 4% 50%, color-mix(in srgb, var(--color-peony) 70%, transparent), transparent 29%),
    radial-gradient(circle at 96% 42%, color-mix(in srgb, var(--color-aqua) 72%, transparent), transparent 31%);
  background-size: auto, 4px 4px, 4px 4px, auto, auto;
}

.commercial-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  align-items: center;
  gap: clamp(48px, 8vw, 104px);
  width: min(100%, var(--public-content-max));
}

.commercial-hero__copy {
  position: relative;
  z-index: 2;
}

.commercial-eyebrow {
  margin: 0 0 14px;
  color: var(--color-slate);
  font-size: var(--public-eyebrow-size);
  font-weight: var(--font-weight-bold);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.commercial-hero h1 {
  max-width: 620px;
  margin: 0;
  color: transparent;
  background: var(--gradient-apricot);
  background-clip: text;
  font-family: var(--font-heading);
  font-size: var(--text-display);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  -webkit-background-clip: text;
}

.commercial-hero__lead {
  max-width: 590px;
  margin: 22px 0 0;
  color: var(--color-slate);
  font-size: var(--public-lead-size);
  line-height: 1.5;
}

.commercial-hero-url-form {
  max-width: 500px;
  margin-top: 30px;
}

.commercial-hero-url-form button,
.commercial-page-final-cta .systema-hero-url-form button {
  min-width: max-content;
}

.commercial-form-note {
  max-width: 500px;
  margin: 10px 0 0;
  color: var(--color-iron);
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

.commercial-hero__visual {
  position: relative;
  display: grid;
  min-height: 440px;
  place-items: center;
}

.commercial-hero__visual::before {
  position: absolute;
  width: min(86%, 420px);
  aspect-ratio: 1;
  border-radius: 50%;
  content: "";
  background: color-mix(in srgb, var(--color-lavender) 64%, var(--color-snow));
  filter: blur(1px);
}

.commercial-hero-proof {
  position: relative;
  z-index: 1;
  width: min(100%, 470px);
  padding: 24px;
  border: 1px solid color-mix(in srgb, var(--color-mist) 75%, transparent);
  border-radius: var(--radius-cards);
  background: color-mix(in srgb, var(--color-snow) 94%, transparent);
  box-shadow: var(--public-surface-shadow);
  transform: rotate(-1.5deg);
}

.commercial-hero-proof header,
.commercial-record header,
.commercial-topic-card header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 22px;
  color: var(--color-slate);
  font-size: var(--text-caption);
}

.commercial-hero-proof header b,
.commercial-record header b,
.commercial-topic-card header b {
  padding: 5px 8px;
  border-radius: var(--radius-badges);
  color: var(--color-ink);
  background: var(--color-periwinkle);
  font-size: var(--text-caption);
  font-weight: var(--font-weight-medium);
}

.commercial-hero-proof dl,
.commercial-record dl,
.commercial-topic-card dl {
  display: grid;
  gap: 0;
  margin: 0;
}

.commercial-hero-proof dl div,
.commercial-record dl div,
.commercial-topic-card dl div {
  display: grid;
  grid-template-columns: minmax(112px, .72fr) minmax(0, 1.28fr);
  gap: 18px;
  padding: 12px 0;
  border-top: 1px solid var(--color-pebble);
}

.commercial-hero-proof dt,
.commercial-hero-proof dd,
.commercial-record dt,
.commercial-record dd,
.commercial-topic-card dt,
.commercial-topic-card dd {
  margin: 0;
  font-size: var(--text-body-sm);
  line-height: var(--leading-body-sm);
}

.commercial-hero-proof dt,
.commercial-record dt,
.commercial-topic-card dt {
  color: var(--color-slate);
}

.commercial-hero-proof footer {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 20px;
  color: var(--color-iron);
  font-size: var(--text-caption);
}

.commercial-hero-proof footer i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-mint);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-mint) 28%, transparent);
}

.commercial-story {
  background: var(--color-snow);
}

.commercial-section {
  width: min(calc(100% - (2 * var(--public-page-gutter))), var(--public-content-max));
  margin: 0 auto;
  padding: var(--public-section-space) 0;
}

.commercial-story > .commercial-section + .commercial-section {
  padding-top: var(--public-section-space-compact);
}

.commercial-section__heading {
  max-width: 650px;
}

.commercial-section__heading h2,
.commercial-boundary h2,
.commercial-faq .faq-heading h2 {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: var(--text-heading-lg);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-heading-lg);
  letter-spacing: var(--tracking-heading-lg);
}

.commercial-section__heading > p:last-child,
.commercial-boundary > p {
  margin: 18px 0 0;
  color: var(--color-slate);
  font-size: var(--public-body-size);
  line-height: 1.65;
}

.commercial-split {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(390px, 1.1fr);
  align-items: center;
  gap: clamp(48px, 8vw, 100px);
}

.commercial-split--reverse .commercial-section__heading {
  order: 2;
}

.commercial-inline-links {
  display: grid;
  gap: 9px;
  margin-top: 24px;
}

.commercial-inline-links a,
.commercial-boundary a {
  width: fit-content;
  color: var(--color-public-cta);
  font-size: var(--text-body-sm);
  font-weight: var(--font-weight-medium);
}

.commercial-boundary {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: clamp(36px, 8vw, 100px);
  padding: 48px;
  border-radius: var(--radius-cards);
  background: var(--color-cloud);
}

.commercial-boundary > p {
  margin: 27px 0 0;
}

.commercial-role .commercial-section__heading,
.commercial-process .commercial-section__heading,
.commercial-strategy > .commercial-section__heading,
.commercial-competitors > .commercial-section__heading,
.commercial-audit-scope > .commercial-section__heading,
.commercial-topic-inputs > .commercial-section__heading {
  margin: 0 auto 48px;
  text-align: center;
}

.commercial-orbit {
  position: relative;
  display: grid;
  min-height: 360px;
  overflow: hidden;
  place-items: center;
  border: 1px solid var(--color-pebble);
  border-radius: var(--radius-cards);
  background:
    radial-gradient(circle at center, var(--color-snow) 0 22%, transparent 22.5%),
    radial-gradient(circle at center, transparent 0 40%, color-mix(in srgb, var(--color-mist) 72%, transparent) 40.2% 40.5%, transparent 40.7%);
}

.commercial-orbit__center {
  display: grid;
  width: 190px;
  min-height: 108px;
  padding: 20px;
  place-content: center;
  border-radius: var(--radius-cards);
  text-align: center;
  background: var(--color-lavender);
  box-shadow: var(--public-surface-shadow);
}

.commercial-orbit__center strong,
.commercial-orbit__center span {
  display: block;
}

.commercial-orbit__center strong {
  font-family: var(--font-heading);
  font-size: var(--text-subheading);
}

.commercial-orbit__center span {
  margin-top: 6px;
  color: var(--color-slate);
  font-size: var(--text-caption);
}

.commercial-orbit__rail {
  position: absolute;
  inset: 0;
}

.commercial-orbit__rail a {
  position: absolute;
  display: grid;
  min-width: 170px;
  padding: 17px;
  border: 1px solid var(--color-pebble);
  border-radius: var(--radius-cards);
  color: var(--color-ink);
  background: var(--color-snow);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--color-shadow-dust) 58%, transparent);
}

.commercial-orbit__rail a:nth-child(1) { top: 34px; left: 7%; }
.commercial-orbit__rail a:nth-child(2) { top: 34px; right: 7%; }
.commercial-orbit__rail a:nth-child(3) { right: 50%; bottom: 28px; transform: translateX(50%); }
.commercial-orbit__rail span { margin-top: 4px; color: var(--color-slate); font-size: var(--text-caption); }

.commercial-ledger,
.commercial-process-line {
  display: grid;
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}

.commercial-ledger {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--color-mist);
  border-bottom: 1px solid var(--color-mist);
}

.commercial-ledger li {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 20px;
  min-height: 150px;
  padding: 28px;
  border-right: 1px solid var(--color-mist);
  border-bottom: 1px solid var(--color-mist);
}

.commercial-ledger li:nth-child(2n) { border-right: 0; }
.commercial-ledger li:nth-last-child(-n + 2) { border-bottom: 0; }
.commercial-ledger li > span { color: var(--color-public-cta); font-size: var(--text-caption); }
.commercial-ledger b { font-family: var(--font-heading); font-size: var(--text-subheading); }
.commercial-ledger p { margin: 8px 0 0; color: var(--color-slate); font-size: var(--text-body-sm); line-height: 1.55; }

.commercial-process-line {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--color-mist);
  border-radius: var(--radius-cards);
}

.commercial-process-line li {
  min-height: 190px;
  padding: 26px;
  border-right: 1px solid var(--color-mist);
}

.commercial-process-line li:last-child { border-right: 0; }
.commercial-process-line li > span { display: grid; width: 28px; height: 28px; margin-bottom: 44px; place-items: center; border-radius: 50%; color: var(--color-snow); background: var(--color-public-cta); font-size: var(--text-caption); }
.commercial-process-line b { font-family: var(--font-heading); font-size: var(--text-subheading); }
.commercial-process-line p { margin: 8px 0 0; color: var(--color-slate); font-size: var(--text-body-sm); line-height: 1.5; }

.commercial-handoff {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.commercial-handoff > div {
  display: grid;
  min-height: 180px;
  padding: 22px;
  align-content: center;
  border: 1px solid var(--color-pebble);
  border-radius: var(--radius-cards);
  background: var(--color-snow);
}

.commercial-handoff > div:nth-of-type(2) { background: var(--color-lavender); }
.commercial-handoff small { color: var(--color-slate); }
.commercial-handoff b { margin-top: 18px; font-size: var(--text-body-sm); }
.commercial-handoff span { margin-top: 6px; color: var(--color-slate); font-size: var(--text-caption); }
.commercial-handoff > i { color: var(--color-iron); font-style: normal; }

.commercial-strategy-stack {
  display: grid;
  width: min(100%, 850px);
  margin: 0 auto;
  counter-reset: stack;
}

.commercial-strategy-stack > div {
  display: grid;
  grid-template-columns: minmax(140px, .65fr) minmax(0, 1.35fr) minmax(170px, .8fr);
  align-items: center;
  gap: 24px;
  padding: 22px 28px;
  border: 1px solid var(--color-pebble);
  border-radius: var(--radius-cards);
  background: var(--color-snow);
  box-shadow: var(--public-surface-shadow);
}

.commercial-strategy-stack > div + div { margin-top: -8px; }
.commercial-strategy-stack > div:nth-child(2) { width: 94%; margin-right: auto; margin-left: auto; background: var(--color-cloud); }
.commercial-strategy-stack > div:nth-child(3) { width: 88%; margin-right: auto; margin-left: auto; background: var(--color-lavender); }
.commercial-strategy-stack span,
.commercial-strategy-stack small { color: var(--color-slate); font-size: var(--text-caption); }
.commercial-strategy-stack b { font-size: var(--text-body-sm); }

.commercial-record,
.commercial-topic-card {
  width: 100%;
  padding: 26px;
  border: 1px solid var(--color-mist);
  border-radius: var(--radius-cards);
  background: var(--color-snow);
  box-shadow: var(--public-surface-shadow);
}

.commercial-record h3,
.commercial-topic-card h3 {
  margin: 0 0 20px;
  font-family: var(--font-heading);
  font-size: var(--text-heading-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-heading-sm);
}

.commercial-spectrum {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--color-mist);
  border-radius: var(--radius-cards);
}

.commercial-spectrum > div {
  display: grid;
  min-height: 220px;
  padding: 28px;
  align-content: end;
  border-right: 1px solid var(--color-mist);
  background: var(--color-snow);
}

.commercial-spectrum > div:nth-child(2) { background: var(--color-cloud); }
.commercial-spectrum > div:nth-child(3) { border-right: 0; background: var(--color-lavender); }
.commercial-spectrum span { margin-bottom: auto; color: var(--color-public-cta); font-size: var(--text-caption); font-weight: var(--font-weight-bold); text-transform: uppercase; }
.commercial-spectrum b { font-family: var(--font-heading); font-size: var(--text-subheading); }
.commercial-spectrum small { margin-top: 8px; color: var(--color-slate); font-size: var(--text-caption); line-height: 1.5; }

.commercial-source-trail {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(430px, 1.25fr);
  align-items: center;
  gap: clamp(48px, 8vw, 96px);
}

.commercial-browser {
  overflow: hidden;
  border: 1px solid var(--color-mist);
  border-radius: var(--radius-cards);
  background: var(--color-snow);
  box-shadow: var(--public-surface-shadow);
}

.commercial-browser > header {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--color-mist);
  background: var(--color-cloud);
}

.commercial-browser > header i { width: 8px; height: 8px; border-radius: 50%; background: var(--color-fog); }
.commercial-browser > header span { min-width: 0; margin-left: 7px; overflow: hidden; color: var(--color-slate); font-size: var(--text-caption); text-overflow: ellipsis; white-space: nowrap; }
.commercial-browser__body { display: grid; grid-template-columns: 1.1fr .9fr; gap: 28px; padding: 28px; }
.commercial-browser__body aside { display: grid; align-content: start; }
.commercial-browser__body small { color: var(--color-public-cta); font-weight: var(--font-weight-bold); text-transform: uppercase; }
.commercial-browser__body strong { margin-top: 34px; font-family: var(--font-heading); font-size: var(--text-heading-sm); line-height: var(--leading-heading-sm); }
.commercial-browser__body p { margin: 12px 0 0; color: var(--color-slate); font-size: var(--text-body-sm); line-height: 1.55; }
.commercial-browser__body dl { margin: 0; }
.commercial-browser__body dl div { padding: 12px 0; border-top: 1px solid var(--color-pebble); }
.commercial-browser__body dt,
.commercial-browser__body dd { margin: 0; font-size: var(--text-caption); line-height: var(--leading-caption); }
.commercial-browser__body dt { color: var(--color-slate); }
.commercial-browser__body dd { margin-top: 3px; }

.commercial-audit-meter {
  display: grid;
  gap: 26px;
  width: min(100%, 760px);
  margin: 0 auto;
  padding: 30px;
  border: 1px solid var(--color-pebble);
  border-radius: var(--radius-cards);
  background: var(--color-cloud);
}

.commercial-audit-meter > div {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) auto;
  gap: 9px 20px;
  align-items: center;
  color: var(--color-slate);
  font-size: var(--text-body-sm);
}

.commercial-audit-meter b { color: var(--color-ink); font-weight: var(--font-weight-medium); }
.commercial-audit-meter i { position: relative; grid-column: 1 / -1; height: 6px; overflow: hidden; border-radius: var(--radius-badges); background: var(--color-pebble); }
.commercial-audit-meter i::after { position: absolute; inset: 0 auto 0 0; width: var(--meter); border-radius: inherit; content: ""; background: var(--color-public-cta); }
.commercial-record--audit header b { color: var(--color-warning); background: color-mix(in srgb, var(--color-apricot) 18%, var(--color-snow)); }

.commercial-audit-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-top: var(--public-section-space-compact);
  padding-bottom: var(--public-section-space-compact);
  border-bottom: 1px solid var(--color-mist);
}

.commercial-audit-facts > div {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 112px;
  padding: 8px 28px;
  border-right: 1px solid var(--color-mist);
}

.commercial-audit-facts > div:first-child { padding-left: 0; }
.commercial-audit-facts > div:last-child { padding-right: 0; border-right: 0; }
.commercial-audit-facts strong { font-family: var(--font-heading); font-size: var(--text-heading-sm); font-weight: var(--font-weight-medium); line-height: var(--leading-heading-sm); }
.commercial-audit-facts span { color: var(--color-slate); font-size: var(--text-caption); line-height: 1.5; }

.commercial-audit-product > .commercial-section__heading,
.commercial-audit-checks-section > .commercial-section__heading,
.commercial-audit-workflow > .commercial-section__heading {
  margin: 0 auto 48px;
  text-align: center;
}

.commercial-audit-dashboard {
  width: min(100%, 980px);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--color-mist);
  border-radius: var(--radius-cards);
  background: var(--color-snow);
  box-shadow: var(--public-surface-shadow);
}

.commercial-audit-dashboard__bar {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 20px;
  border-bottom: 1px solid var(--color-mist);
  background: var(--color-cloud);
  color: var(--color-slate);
  font-size: var(--text-caption);
}

.commercial-audit-dashboard__bar b { color: var(--color-monday-violet); font-weight: var(--font-weight-medium); }
.commercial-audit-dashboard__bar i { margin-left: auto; padding: 5px 8px; border-radius: var(--radius-badges); color: var(--color-ink); background: var(--color-periwinkle); font-style: normal; }

.commercial-audit-dashboard__body {
  display: grid;
  grid-template-columns: minmax(190px, .65fr) minmax(300px, 1.15fr) minmax(210px, .8fr);
  border-bottom: 1px solid var(--color-mist);
}

.commercial-audit-dashboard__body > section {
  min-width: 0;
  padding: 26px;
  border-right: 1px solid var(--color-mist);
}

.commercial-audit-dashboard__body > section:last-child { border-right: 0; }
.commercial-audit-score > p,
.commercial-audit-coverage > p { margin: 0 0 20px; color: var(--color-slate); font-size: var(--text-caption); font-weight: var(--font-weight-medium); }
.commercial-audit-score > div { display: grid; width: 112px; aspect-ratio: 1; margin: 0 auto; place-content: center; border: 8px solid color-mix(in srgb, var(--color-monday-violet) 80%, var(--color-lavender)); border-radius: 50%; text-align: center; }
.commercial-audit-score strong { font-family: var(--font-heading); font-size: 34px; font-weight: var(--font-weight-medium); line-height: 1; }
.commercial-audit-score span,
.commercial-audit-score small { color: var(--color-slate); font-size: var(--text-caption); }
.commercial-audit-score small { display: block; margin-top: 18px; text-align: center; }

.commercial-audit-breakdown { display: grid; align-content: center; gap: 18px; }
.commercial-audit-breakdown p { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px 18px; margin: 0; color: var(--color-slate); font-size: var(--text-caption); }
.commercial-audit-breakdown b { color: var(--color-ink); font-weight: var(--font-weight-medium); }
.commercial-audit-breakdown i { position: relative; grid-column: 1 / -1; height: 5px; overflow: hidden; border-radius: var(--radius-badges); background: var(--color-pebble); }
.commercial-audit-breakdown i::after { position: absolute; inset: 0 auto 0 0; width: var(--audit-meter); border-radius: inherit; content: ""; background: var(--color-monday-violet); animation: commercial-audit-meter-in 700ms ease both; }

.commercial-audit-coverage dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; }
.commercial-audit-coverage dl div { display: grid; gap: 5px; min-width: 0; padding-top: 12px; border-top: 1px solid var(--color-pebble); }
.commercial-audit-coverage dt,
.commercial-audit-coverage dd { margin: 0; }
.commercial-audit-coverage dt { color: var(--color-slate); font-size: var(--text-caption); line-height: 1.35; }
.commercial-audit-coverage dd { font-family: var(--font-heading); font-size: var(--text-heading-sm); font-weight: var(--font-weight-medium); }

.commercial-audit-dashboard__issues { padding: 8px 26px 14px; }
.commercial-audit-dashboard__issues header,
.commercial-audit-dashboard__issues > div { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; align-items: center; gap: 18px; min-height: 52px; border-bottom: 1px solid var(--color-pebble); }
.commercial-audit-dashboard__issues header { grid-template-columns: minmax(0, 1fr) auto; color: var(--color-slate); font-size: var(--text-caption); }
.commercial-audit-dashboard__issues header b { color: var(--color-ink); font-weight: var(--font-weight-medium); }
.commercial-audit-dashboard__issues > div { transition: background-color 160ms ease; }
.commercial-audit-dashboard__issues > div:hover { background: color-mix(in srgb, var(--color-lavender) 22%, transparent); }
.commercial-audit-dashboard__issues i { width: fit-content; padding: 5px 8px; border-radius: var(--radius-badges); font-size: var(--text-caption); font-style: normal; }
.commercial-audit-dashboard__issues .is-critical { background: color-mix(in srgb, var(--color-apricot) 30%, var(--color-snow)); }
.commercial-audit-dashboard__issues .is-warning { background: color-mix(in srgb, var(--color-lavender) 48%, var(--color-snow)); }
.commercial-audit-dashboard__issues strong { min-width: 0; font-size: var(--text-body-sm); font-weight: var(--font-weight-medium); }
.commercial-audit-dashboard__issues > div > span { color: var(--color-slate); font-size: var(--text-caption); }
.commercial-audit-dashboard > footer { padding: 13px 26px; color: var(--color-iron); background: var(--color-cloud); font-size: var(--text-caption); line-height: 1.5; }

.commercial-audit-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 980px); margin: 0 auto; border-top: 1px solid var(--color-mist); }
.commercial-audit-checks article { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 20px; padding: 28px 30px 32px 0; border-bottom: 1px solid var(--color-mist); }
.commercial-audit-checks article:nth-child(odd) { padding-right: 36px; border-right: 1px solid var(--color-mist); }
.commercial-audit-checks article:nth-child(even) { padding-left: 36px; }
.commercial-audit-checks article > span { grid-row: 1 / span 2; color: var(--color-public-cta); font-size: var(--text-caption); font-weight: var(--font-weight-bold); }
.commercial-audit-checks h3 { margin: 0; font-family: var(--font-heading); font-size: var(--text-heading-sm); font-weight: var(--font-weight-medium); }
.commercial-audit-checks p { margin: 0; color: var(--color-slate); font-size: var(--text-body-sm); line-height: 1.65; }

.commercial-audit-workflow ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: min(100%, 980px); margin: 0 auto; padding: 0; border-top: 1px solid var(--color-mist); list-style: none; }
.commercial-audit-workflow li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; min-height: 210px; padding: 28px 24px; border-right: 1px solid var(--color-mist); }
.commercial-audit-workflow li:first-child { padding-left: 0; }
.commercial-audit-workflow li:last-child { padding-right: 0; border-right: 0; }
.commercial-audit-workflow li > span { color: var(--color-public-cta); font-size: var(--text-caption); font-weight: var(--font-weight-bold); }
.commercial-audit-workflow strong { font-family: var(--font-heading); font-size: var(--text-heading-sm); font-weight: var(--font-weight-medium); }
.commercial-audit-workflow p { margin: 10px 0 0; color: var(--color-slate); font-size: var(--text-body-sm); line-height: 1.6; }

.commercial-audit-agent { display: grid; grid-template-columns: minmax(0, .82fr) minmax(430px, 1.18fr); align-items: center; gap: clamp(42px, 7vw, 90px); }
.commercial-audit-agent__lanes { overflow: hidden; border: 1px solid var(--color-mist); border-radius: var(--radius-cards); background: var(--color-snow); box-shadow: var(--public-surface-shadow); }
.commercial-audit-agent__lanes > div { display: grid; grid-template-columns: 62px minmax(130px, .7fr) minmax(0, 1.3fr); align-items: center; gap: 18px; min-height: 104px; padding: 20px 24px; border-bottom: 1px solid var(--color-mist); }
.commercial-audit-agent__lanes > div:last-child { border-bottom: 0; }
.commercial-audit-agent__lanes span { color: var(--color-monday-violet); font-size: var(--text-caption); font-weight: var(--font-weight-bold); }
.commercial-audit-agent__lanes strong { font-family: var(--font-heading); font-size: var(--text-body); font-weight: var(--font-weight-medium); }
.commercial-audit-agent__lanes p { margin: 0; color: var(--color-slate); font-size: var(--text-caption); line-height: 1.55; }

@keyframes commercial-audit-meter-in {
  from { width: 0; }
}

.commercial-signal-stream {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  width: min(100%, 820px);
  margin: 0 auto;
  padding: 44px;
  border-radius: var(--radius-cards);
  background: var(--color-cloud);
}

.commercial-signal-stream span,
.commercial-signal-stream b {
  padding: 10px 15px;
  border: 1px solid var(--color-mist);
  border-radius: var(--radius-buttons);
  font-size: var(--text-body-sm);
  font-weight: var(--font-weight-medium);
  background: var(--color-snow);
}

.commercial-signal-stream b { color: var(--color-snow); border-color: var(--color-public-cta); background: var(--color-public-cta); }
.commercial-topic-card { background: color-mix(in srgb, var(--color-lavender) 42%, var(--color-snow)); }
.commercial-topic-card footer { margin-top: 18px; color: var(--color-slate); font-size: var(--text-caption); }

.commercial-related {
  padding-bottom: var(--public-section-space-compact);
}

.commercial-related .commercial-section__heading {
  margin-bottom: 30px;
}

.commercial-link-line {
  display: grid;
  border-top: 1px solid var(--color-mist);
}

.commercial-link-line a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 58px;
  border-bottom: 1px solid var(--color-mist);
  color: var(--color-ink);
  font-size: var(--text-body);
}

.commercial-link-line a span { color: var(--color-public-cta); transition: transform 160ms ease; }
.commercial-link-line a:hover span { transform: translateX(4px); }
.commercial-link-line a:focus-visible { outline: 2px solid var(--color-public-cta); outline-offset: 3px; }

.commercial-hero--audience {
  min-height: 0;
  padding: 144px var(--public-page-gutter) 96px;
  background: var(--color-snow);
}

.commercial-hero__inner--audience {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
}

.commercial-hero__copy--audience {
  width: min(100%, 820px);
  text-align: center;
}

.commercial-hero--audience h1 {
  max-width: 820px;
  color: var(--color-ink);
  background: none;
  font-size: var(--text-heading-lg);
  line-height: var(--leading-heading-lg);
  letter-spacing: var(--tracking-heading-lg);
  -webkit-text-fill-color: currentColor;
}

.commercial-hero--audience .commercial-hero__lead {
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
}

.commercial-hero--audience .commercial-hero-url-form,
.commercial-hero--audience .commercial-form-note {
  margin-right: auto;
  margin-left: auto;
}

.commercial-usecase-problems__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  margin-top: 36px;
}

.commercial-usecase-problems__grid article {
  display: flex;
  flex-direction: column;
  padding: 26px;
  border: 1px solid var(--color-pebble);
  border-radius: var(--radius-cards);
  background: var(--color-snow);
  box-shadow: var(--public-surface-shadow);
  transition: transform 160ms ease, border-color 160ms ease;
}

.commercial-usecase-problems__grid article:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--color-slate) 40%, var(--color-pebble));
}

.commercial-usecase-problems__grid article > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-bottom: 16px;
  border-radius: var(--radius-badges, 6px);
  background: rgba(133, 70, 216, 0.08);
  color: var(--color-public-cta);
  font-size: 11px;
  font-weight: 700;
}

.commercial-usecase-problems__grid h3 {
  margin: 0 0 8px;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.commercial-usecase-problems__grid p {
  margin: 0;
  color: var(--color-slate);
  font-size: 13.5px;
  line-height: 1.5;
}

.commercial-usecase-agents__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
  margin-top: 36px;
}

.commercial-usecase-agents__grid a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px;
  border: 1px solid var(--color-pebble);
  border-radius: var(--radius-cards);
  background: var(--color-snow);
  box-shadow: var(--public-surface-shadow);
  text-decoration: none;
  color: var(--color-ink);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.commercial-usecase-agents__grid a:hover {
  transform: translateY(-2px);
  border-color: var(--color-public-cta);
  box-shadow: 0 8px 24px rgba(133, 70, 216, 0.08);
}

.commercial-usecase-agents__grid a > span {
  display: grid;
  gap: 4px;
}

.commercial-usecase-agents__grid b {
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 600;
}

.commercial-usecase-agents__grid small {
  color: var(--color-slate);
  font-size: 13px;
  line-height: 1.4;
}

.commercial-usecase-agents__grid i {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--color-cloud);
  color: var(--color-public-cta);
  font-size: 14px;
  font-style: normal;
  transition: transform 160ms ease, background-color 160ms ease, color 160ms ease;
}

.commercial-usecase-agents__grid a:hover i {
  transform: translateX(3px);
  background: var(--color-public-cta);
  color: #fff;
}

.commercial-usecase-agents__grid a:focus-visible {
  outline: 2px solid var(--color-public-cta);
  outline-offset: 3px;
}

.commercial-usecase-process__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 36px 0 0;
  padding: 0;
  border: 1px solid var(--color-pebble);
  border-radius: var(--radius-cards);
  background: var(--color-snow);
  box-shadow: var(--public-surface-shadow);
  overflow: hidden;
  list-style: none;
}

.commercial-usecase-process__list li {
  display: flex;
  flex-direction: column;
  padding: 28px 24px;
  border-right: 1px solid var(--color-pebble);
}

.commercial-usecase-process__list li:last-child {
  border-right: 0;
}

.commercial-usecase-process__list li > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-bottom: 14px;
  border-radius: 50%;
  background: rgba(133, 70, 216, 0.1);
  color: var(--color-public-cta);
  font-size: 11px;
  font-weight: 700;
}

.commercial-usecase-process__list h3 {
  margin: 0 0 8px;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
}

.commercial-usecase-process__list p {
  margin: 0;
  color: var(--color-slate);
  font-size: 13px;
  line-height: 1.45;
}

.commercial-usecase-comparison__table {
  margin-top: 36px;
  overflow: hidden;
  border: 1px solid var(--color-pebble);
  border-radius: var(--radius-cards);
  background: var(--color-snow);
  box-shadow: var(--public-surface-shadow);
}

.commercial-usecase-comparison table {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-snow);
}

.commercial-usecase-comparison th,
.commercial-usecase-comparison td {
  padding: 16px 22px;
  border-bottom: 1px solid var(--color-pebble);
  color: var(--color-slate);
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
  vertical-align: middle;
}

.commercial-usecase-comparison thead th {
  background: var(--color-cloud);
  color: var(--color-slate);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--color-pebble);
}

.commercial-usecase-comparison tbody th {
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
}

.commercial-usecase-comparison tbody tr:last-child > * {
  border-bottom: 0;
}

.commercial-usecase-comparison__included {
  color: var(--color-public-cta);
  font-weight: 600;
}

.commercial-usecase-comparison tfoot {
  background: var(--color-cloud);
  border-top: 1px solid var(--color-pebble);
}

.commercial-usecase-comparison tfoot th,
.commercial-usecase-comparison tfoot td {
  border-bottom: 0;
  padding: 18px 22px;
}

.commercial-usecase-comparison tfoot th {
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 600;
}

.commercial-usecase-comparison tfoot s {
  color: var(--color-slate);
  font-size: 14px;
}

.commercial-usecase-comparison tfoot strong {
  color: var(--color-public-cta);
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

@media (max-width: 860px) {
  .commercial-usecase-process__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .commercial-usecase-process__list li:nth-child(2) {
    border-right: 0;
  }
  .commercial-usecase-process__list li:nth-child(1),
  .commercial-usecase-process__list li:nth-child(2) {
    border-bottom: 1px solid var(--color-pebble);
  }
}

@media (max-width: 540px) {
  .commercial-usecase-process__list {
    grid-template-columns: 1fr;
  }
  .commercial-usecase-process__list li {
    border-right: 0;
    border-bottom: 1px solid var(--color-pebble);
  }
  .commercial-usecase-process__list li:last-child {
    border-bottom: 0;
  }
}

.commercial-faq {
  width: min(calc(100% - (2 * var(--public-page-gutter))), var(--public-content-max));
  padding: var(--public-section-space) 0;
}

.commercial-faq .faq-heading {
  gap: 0;
}

.commercial-faq .faq-heading .commercial-eyebrow {
  margin-bottom: 14px;
  color: var(--color-slate);
}

.commercial-faq .faq-item button:focus-visible {
  outline: 2px solid var(--color-public-cta);
  outline-offset: -3px;
}

.commercial-page-final-cta {
  border-top: 0;
}

.commercial-page-final-cta .final-cta-copy h2 {
  font-family: var(--font-heading);
  font-size: var(--text-heading-lg);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-heading-lg);
}

@media (max-width: 980px) {
  .commercial-hero__inner,
  .commercial-split,
  .commercial-source-trail {
    grid-template-columns: 1fr;
  }

  .commercial-hero__inner { gap: 34px; }
  .commercial-hero__copy { width: min(100%, 680px); margin: 0 auto; text-align: center; }
  .commercial-hero h1,
  .commercial-hero__lead,
  .commercial-hero-url-form,
  .commercial-form-note { margin-right: auto; margin-left: auto; }
  .commercial-hero__visual { min-height: 390px; }
  .commercial-split--reverse .commercial-section__heading { order: 0; }
  .commercial-split .commercial-section__heading,
  .commercial-source-trail .commercial-section__heading { max-width: 680px; }
  .commercial-handoff { grid-template-columns: 1fr; }
  .commercial-handoff > i { text-align: center; transform: rotate(90deg); }
  .commercial-handoff > div { min-height: 130px; }
  .commercial-process-line { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commercial-process-line li:nth-child(2) { border-right: 0; }
  .commercial-process-line li:nth-child(-n + 2) { border-bottom: 1px solid var(--color-mist); }
  .commercial-usecase-process__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commercial-usecase-process__list li { min-height: 210px; }
  .commercial-usecase-process__list li:nth-child(2) { padding-right: 0; border-right: 0; }
  .commercial-usecase-process__list li:nth-child(3) { padding-left: 0; border-top: 1px solid var(--color-mist); }
  .commercial-usecase-process__list li:nth-child(4) { border-top: 1px solid var(--color-mist); }
  .commercial-audit-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commercial-audit-facts > div:nth-child(2) { padding-right: 0; border-right: 0; }
  .commercial-audit-facts > div:nth-child(3) { padding-top: 28px; padding-left: 0; border-top: 1px solid var(--color-mist); }
  .commercial-audit-facts > div:nth-child(4) { padding-top: 28px; border-top: 1px solid var(--color-mist); }
  .commercial-audit-dashboard__body { grid-template-columns: minmax(190px, .7fr) minmax(300px, 1.3fr); }
  .commercial-audit-dashboard__body > section:nth-child(2) { border-right: 0; }
  .commercial-audit-dashboard__body > section:last-child { grid-column: 1 / -1; border-top: 1px solid var(--color-mist); }
  .commercial-audit-workflow ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commercial-audit-workflow li:nth-child(2) { padding-right: 0; border-right: 0; }
  .commercial-audit-workflow li:nth-child(3) { padding-left: 0; border-top: 1px solid var(--color-mist); }
  .commercial-audit-workflow li:nth-child(4) { border-top: 1px solid var(--color-mist); }
  .commercial-audit-agent { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .commercial-hero {
    min-height: 0;
    padding: 112px 20px 64px;
  }

  .commercial-hero h1,
  .commercial-section__heading h2,
  .commercial-boundary h2,
  .commercial-faq .faq-heading h2,
  .commercial-page-final-cta .final-cta-copy h2 {
    font-size: 30px;
  }

  .commercial-hero__lead { font-size: var(--public-body-size); }
  .commercial-hero-url-form { grid-template-columns: 1fr; padding: 5px; border-radius: var(--radius-cards); }
  .commercial-hero-url-form input { height: 38px; }
  .commercial-hero-url-form button { min-height: 38px; }
  .commercial-hero__visual { min-height: 340px; }
  .commercial-hero-proof { padding: 20px; transform: none; }
  .commercial-hero-proof dl div,
  .commercial-record dl div,
  .commercial-topic-card dl div { grid-template-columns: 1fr; gap: 4px; }

  .commercial-hero--audience { padding: 112px 20px 72px; }
  .commercial-hero__copy--audience { text-align: left; }
  .commercial-hero--audience .commercial-hero__lead,
  .commercial-hero--audience .commercial-hero-url-form,
  .commercial-hero--audience .commercial-form-note { margin-left: 0; }

  .commercial-usecase-problems__grid,
  .commercial-usecase-agents__grid,
  .commercial-usecase-process__list { grid-template-columns: 1fr; margin-top: 28px; }

  .commercial-usecase-agents__grid a {
    min-height: 0;
    padding: 18px 20px;
  }

  .commercial-usecase-process__list li {
    min-height: 0;
    padding: 20px;
    border-right: 0;
    border-bottom: 1px solid var(--color-pebble);
  }

  .commercial-usecase-process__list li:last-child { border-bottom: 0; }
  .commercial-usecase-comparison__table { margin-top: 28px; }

  .commercial-section { width: calc(100% - 40px); padding: 72px 0; }
  .commercial-story > .commercial-section + .commercial-section { padding-top: 28px; }
  .commercial-boundary { grid-template-columns: 1fr; gap: 8px; width: calc(100% - 32px); padding: 28px; }
  .commercial-boundary > p { margin-top: 12px; }
  .commercial-orbit { min-height: 540px; background: none; }
  .commercial-orbit__center { position: absolute; top: 30px; }
  .commercial-orbit__rail { display: grid; inset: 170px 20px 20px; gap: 10px; }
  .commercial-orbit__rail a { position: static; min-width: 0; transform: none !important; }
  .commercial-ledger,
  .commercial-process-line,
  .commercial-spectrum { grid-template-columns: 1fr; }
  .commercial-ledger li,
  .commercial-ledger li:nth-child(2n),
  .commercial-ledger li:nth-last-child(-n + 2),
  .commercial-process-line li,
  .commercial-process-line li:nth-child(2),
  .commercial-spectrum > div {
    border-right: 0;
    border-bottom: 1px solid var(--color-mist);
  }
  .commercial-ledger li:last-child,
  .commercial-process-line li:last-child,
  .commercial-spectrum > div:last-child { border-bottom: 0; }
  .commercial-process-line li { min-height: 145px; }
  .commercial-process-line li > span { margin-bottom: 24px; }
  .commercial-strategy-stack > div { grid-template-columns: 1fr; gap: 8px; }
  .commercial-strategy-stack > div:nth-child(2),
  .commercial-strategy-stack > div:nth-child(3) { width: 100%; }
  .commercial-browser__body { grid-template-columns: 1fr; }
  .commercial-signal-stream { padding: 26px 18px; }
  .commercial-audit-facts { grid-template-columns: 1fr; }
  .commercial-audit-facts > div,
  .commercial-audit-facts > div:first-child,
  .commercial-audit-facts > div:nth-child(2),
  .commercial-audit-facts > div:nth-child(3),
  .commercial-audit-facts > div:nth-child(4),
  .commercial-audit-facts > div:last-child { min-height: 0; padding: 20px 0; border-top: 1px solid var(--color-mist); border-right: 0; }
  .commercial-audit-facts > div:first-child { border-top: 0; }
  .commercial-audit-product > .commercial-section__heading,
  .commercial-audit-checks-section > .commercial-section__heading,
  .commercial-audit-workflow > .commercial-section__heading { margin-bottom: 34px; text-align: left; }
  .commercial-audit-dashboard__body { grid-template-columns: 1fr; }
  .commercial-audit-dashboard__body > section,
  .commercial-audit-dashboard__body > section:nth-child(2),
  .commercial-audit-dashboard__body > section:last-child { grid-column: auto; padding: 22px; border-top: 1px solid var(--color-mist); border-right: 0; }
  .commercial-audit-dashboard__body > section:first-child { border-top: 0; }
  .commercial-audit-dashboard__issues { padding: 8px 20px 14px; }
  .commercial-audit-dashboard__issues > div { grid-template-columns: 82px minmax(0, 1fr); gap: 12px; padding: 10px 0; }
  .commercial-audit-dashboard__issues > div > span { grid-column: 2; }
  .commercial-audit-dashboard > footer { padding: 13px 20px; }
  .commercial-audit-checks { grid-template-columns: 1fr; }
  .commercial-audit-checks article,
  .commercial-audit-checks article:nth-child(odd),
  .commercial-audit-checks article:nth-child(even) { padding: 24px 0; border-right: 0; }
  .commercial-audit-workflow ol { grid-template-columns: 1fr; }
  .commercial-audit-workflow li,
  .commercial-audit-workflow li:first-child,
  .commercial-audit-workflow li:nth-child(2),
  .commercial-audit-workflow li:nth-child(3),
  .commercial-audit-workflow li:nth-child(4),
  .commercial-audit-workflow li:last-child { min-height: 0; padding: 24px 0; border-top: 0; border-right: 0; border-bottom: 1px solid var(--color-mist); }
  .commercial-audit-workflow li:last-child { border-bottom: 0; }
  .commercial-audit-agent__lanes > div { grid-template-columns: 52px minmax(0, 1fr); gap: 8px 14px; }
  .commercial-audit-agent__lanes p { grid-column: 2; }
  .commercial-faq { width: 100%; padding: 72px 14px; }
  .commercial-page-final-cta { width: calc(100% - 40px) !important; }
  .commercial-page-final-cta .systema-final-url-form { grid-template-columns: 1fr; border-radius: var(--radius-cards); }
  .commercial-page-final-cta .systema-final-url-form input,
  .commercial-page-final-cta .systema-final-url-form button { min-height: 38px; }
}

@media (prefers-reduced-motion: reduce) {
  .commercial-usecase-agents__grid i,
  .commercial-audit-dashboard__issues > div {
    transition: none;
  }

  .commercial-audit-breakdown i::after { animation: none; }
}

/* Homepage comparison-table treatment for business pages. */
.public-page--commercial .commercial-usecase-comparison__table {
  margin-top: 32px;
  overflow-x: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.public-page--commercial .commercial-usecase-comparison__table table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  color: var(--color-slate);
  font-size: 13px;
  line-height: 1.45;
}

.public-page--commercial .commercial-usecase-comparison__table th,
.public-page--commercial .commercial-usecase-comparison__table td {
  padding: 18px 16px;
  border: 0;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  color: var(--color-slate);
  background: transparent;
  text-align: left;
  vertical-align: top;
}

.public-page--commercial .commercial-usecase-comparison__table thead th {
  border-top: 1px solid rgba(51, 51, 51, 0.1);
  color: var(--color-slate);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: none;
}

.public-page--commercial .commercial-usecase-comparison__table tbody th:first-child {
  width: 22%;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
}

.public-page--commercial .commercial-usecase-comparison__table tr > :last-child {
  color: var(--color-ink);
  background: rgba(97, 97, 255, 0.055);
}

.public-page--commercial .commercial-usecase-comparison__table thead th:last-child {
  color: var(--color-monday-violet);
}

.public-page--commercial .commercial-usecase-comparison__table tbody td:last-child,
.public-page--commercial .commercial-usecase-comparison__table tfoot td:last-child {
  font-weight: 600;
}

.public-page--commercial .commercial-usecase-comparison__table tbody tr:hover > * {
  background-color: transparent;
}

.public-page--commercial .commercial-usecase-comparison__table tbody tr:hover > :last-child {
  background-color: rgba(97, 97, 255, 0.055);
}

.public-page--commercial .commercial-usecase-comparison__table tfoot th,
.public-page--commercial .commercial-usecase-comparison__table tfoot td {
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-weight: 600;
}

.public-page--commercial .commercial-usecase-comparison__table s {
  color: var(--color-iron);
}

@media (max-width: 760px) {
  .public-page--commercial .commercial-usecase-comparison__table th,
  .public-page--commercial .commercial-usecase-comparison__table td {
    padding: 15px 13px;
  }
}

/* Cascade guard: family CSS follows marketing-system.css in the document. */

.public-page--commercial .commercial-section.marketing-section {
  padding-block: var(--marketing-section-space, 96px);
}

.public-page--commercial .commercial-story .commercial-section__heading.marketing-heading {
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}

.public-page--commercial .commercial-story .commercial-section__heading.marketing-heading > :where(h2, p) {
  margin-inline: auto;
  text-align: center;
}

.public-page--commercial .commercial-story .commercial-section__heading .commercial-eyebrow,
.public-page--commercial .commercial-faq .faq-heading .commercial-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
}

.public-page--commercial .commercial-story .commercial-section__heading .commercial-eyebrow::before,
.public-page--commercial .commercial-story .commercial-section__heading .commercial-eyebrow::after,
.public-page--commercial .commercial-faq .faq-heading .commercial-eyebrow::before,
.public-page--commercial .commercial-faq .faq-heading .commercial-eyebrow::after {
  content: "";
  width: clamp(34px, 6vw, 72px);
  height: 1px;
  background: var(--gradient-prism);
}

.public-page--commercial .commercial-story .commercial-usecase-problems__grid,
.public-page--commercial .commercial-story .commercial-usecase-agents__grid {
  display: grid;
  gap: 18px;
  border: 0;
}

.public-page--commercial .commercial-story .commercial-usecase-problems__grid > article {
  display: flex;
  flex-direction: column;
  padding: 26px;
  border: 0;
  border-radius: var(--radius-cards);
  background: var(--color-lavender);
  box-shadow: none;
  transform: translateY(0);
}

.public-page--commercial .commercial-story .commercial-usecase-problems__grid > article:nth-child(2) {
  background: var(--color-aqua);
}

.public-page--commercial .commercial-story .commercial-usecase-problems__grid > article:nth-child(3) {
  background: var(--color-mint);
}

.public-page--commercial .commercial-story .commercial-usecase-problems__grid > article:nth-child(4) {
  background: var(--color-periwinkle);
}

.public-page--commercial .commercial-story .commercial-usecase-problems__grid > article:hover {
  border-color: transparent;
  transform: translateY(-2px);
}

.public-page--commercial .commercial-story .commercial-usecase-problems__grid > article > span {
  background: color-mix(in srgb, var(--color-snow) 68%, transparent);
}

.public-page--commercial .commercial-story .commercial-usecase-agents__grid > a {
  display: flex;
  min-height: 116px;
  padding: 22px 24px;
  border: 0;
  border-radius: var(--radius-cards);
  background: var(--color-periwinkle);
  box-shadow: none;
}

.public-page--commercial .commercial-story .commercial-usecase-agents__grid > a:nth-child(3n + 2) {
  background: var(--color-lavender);
}

.public-page--commercial .commercial-story .commercial-usecase-agents__grid > a:nth-child(3n) {
  background: var(--color-aqua);
}

.public-page--commercial .commercial-story .commercial-usecase-agents__grid > a:hover {
  border-color: transparent;
  box-shadow: none;
}

.public-page--commercial .commercial-story .commercial-usecase-agents__grid i {
  background: color-mix(in srgb, var(--color-snow) 72%, transparent);
}

.public-page--commercial .commercial-story .commercial-usecase-process__list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.public-page--commercial .commercial-story .commercial-usecase-process__list > li {
  min-height: 0;
  padding: 24px;
  border: 0;
  border-radius: var(--radius-cards);
  background: var(--color-cloud);
  box-shadow: none;
}

.public-page--commercial .commercial-story .commercial-usecase-process__list > li:nth-child(2) {
  background: var(--color-aqua);
}

.public-page--commercial .commercial-story .commercial-usecase-process__list > li:nth-child(3) {
  background: var(--color-lavender);
}

.public-page--commercial .commercial-story .commercial-usecase-process__list > li:nth-child(4) {
  background: var(--color-mint);
}

.public-page--commercial .commercial-usecase-comparison .feature-replacement-table.marketing-comparison {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

@media (max-width: 760px) {
  .public-page--commercial .commercial-story .commercial-section__heading .commercial-eyebrow,
  .public-page--commercial .commercial-faq .faq-heading .commercial-eyebrow {
    gap: 10px;
  }

  .public-page--commercial .commercial-story .commercial-section__heading .commercial-eyebrow::before,
  .public-page--commercial .commercial-story .commercial-section__heading .commercial-eyebrow::after,
  .public-page--commercial .commercial-faq .faq-heading .commercial-eyebrow::before,
  .public-page--commercial .commercial-faq .faq-heading .commercial-eyebrow::after {
    width: 28px;
  }

  .public-page--commercial .commercial-story .commercial-usecase-process__list {
    grid-template-columns: 1fr;
  }

  .public-page--commercial .commercial-story .commercial-usecase-process__list > li {
    border: 0;
  }
}