/* Compose the Solutions reference with Ariel layouts and shared identity tokens. */
.sol-page {
  --sol-bg: var(--page-bg);
  --sol-surface: var(--page-surface);
  --sol-soft: var(--page-surface-soft);
  --sol-line: var(--page-border);
  --sol-text: var(--page-text);
  --sol-copy: var(--page-copy);
  --sol-muted: var(--page-muted);
  --sol-peach: var(--page-accent);
  --sol-green: #9dd7c5;
  --sol-gold: #eac98f;
  color: var(--sol-text);
  background: var(--sol-bg);
  font-family: var(--font-interface);
  line-height: 1.72;
}
html[data-ariel-theme="light"] .sol-page {
  --sol-green: #237563;
  --sol-gold: #927024;
}
.sol-page :where(h1, h2, h3, p, ol) {
  margin: 0;
}
.sol-page :where(h1, h2, h3) {
  font-family: var(--font-interface);
  line-height: 1.14;
  letter-spacing: -0.055em;
}
.sol-page :where(h1, h2) em {
  color: var(--sol-peach);
  font-family: var(--font-editorial);
  font-style: italic;
  font-weight: 460;
}
.sol-page :focus-visible {
  outline: 2px solid var(--sol-peach);
  outline-offset: 5px;
}
.sol-page svg {
  display: block;
}
.sol-container {
  inline-size: min(100% - var(--page-gutter) * 2, 82rem);
  padding-inline: 0;
}
.sol-hero {
  position: relative;
  isolation: isolate;
  border-block-end: 1px solid var(--sol-line);
  background: radial-gradient(
    ellipse at 82% 40%,
    color-mix(in srgb, var(--sol-peach) 10%, transparent),
    transparent 52%
  );
}
.sol-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: 0.1;
  background: repeating-linear-gradient(
    90deg,
    transparent 0 calc(100% / 12 - 1px),
    var(--sol-line) calc(100% / 12 - 1px) calc(100% / 12)
  );
  mask-image: linear-gradient(to bottom, #000, transparent 90%);
}
.sol-hero__inner {
  padding-block: calc(var(--header-height) + 2rem) 1.5rem;
}
.sol-crumb {
  --ariel-gap: 0.85rem;
  color: var(--sol-muted);
  font-size: 0.77rem;
  font-weight: 740;
}
.sol-crumb a:hover,
.sol-crumb > span:nth-child(2) {
  color: var(--sol-peach);
}
.sol-hero__grid {
  --ariel-gap: 3rem;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  padding-block: clamp(4.5rem, 8vi, 8rem) clamp(4rem, 7vi, 7rem);
}
.sol-eyebrow {
  --ariel-gap: 0.85rem;
  flex-wrap: nowrap;
  color: var(--sol-peach);
  font-size: 0.68rem;
  font-weight: 820;
  letter-spacing: 0.14em;
  line-height: 1.4;
}
.sol-signal {
  flex: 0 0 0.5rem;
  block-size: 0.5rem;
  border-radius: 50%;
  background: var(--sol-peach);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--sol-peach) 12%, transparent);
}
.sol-hero h1 {
  max-inline-size: 13ch;
  margin-block: 1.9rem 1.6rem;
  font-size: clamp(2.75rem, 12vi, 3.5rem);
  font-weight: 795;
}
.sol-lead {
  max-inline-size: 57ch;
  color: var(--sol-copy);
  font-size: clamp(1.02rem, 1.35vi, 1.22rem);
  line-height: 1.85;
}
.sol-hero__links,
.sol-handoff__links {
  --ariel-gap: 1.2rem 2rem;
  margin-block-start: 2.5rem;
}
.sol-action {
  display: inline-flex;
  max-inline-size: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 2.2rem;
  padding: 0.94rem 1.4rem;
  border: 1px solid var(--sol-peach);
  border-radius: 0.22rem;
  background: var(--sol-peach);
  color: var(--brand-surface);
  font-size: 0.81rem;
  font-weight: 850;
  text-decoration: none;
  text-align: start;
  white-space: normal;
}
.sol-action:hover {
  background: color-mix(in srgb, var(--sol-gold) 80%, var(--brand-foreground));
  border-color: color-mix(
    in srgb,
    var(--sol-gold) 80%,
    var(--brand-foreground)
  );
}
.sol-textlink,
.sol-quietlink {
  display: inline-flex;
  max-inline-size: 100%;
  align-items: center;
  gap: 1.4rem;
  padding-block-end: 0.4rem;
  border-block-end: 1px solid var(--sol-peach);
  color: var(--sol-text);
  font-size: 0.83rem;
  font-weight: 810;
  text-decoration: none;
}
.sol-textlink:hover,
.sol-quietlink:hover {
  color: var(--sol-peach);
}
.sol-action > span:last-child,
.sol-textlink > span:last-child,
.sol-quietlink > span:last-child {
  flex-shrink: 0;
  font-size: 1.1rem;
}
.sol-textlink > span:last-child,
.sol-quietlink > span:last-child {
  color: var(--sol-peach);
}
.sol-hero__bottom {
  --ariel-gap: 0.9rem;
  justify-content: space-between;
  padding-block-start: 1.3rem;
  border-block-start: 1px solid var(--sol-line);
  color: var(--sol-muted);
  font-size: 0.65rem;
  font-weight: 810;
  letter-spacing: 0.12em;
}
/* Use native geometry for the editorial diagrams, without telemetry or remote assets. */
.sol-hero__visual {
  position: relative;
  isolation: isolate;
  inline-size: 100%;
  max-inline-size: 36rem;
  min-block-size: 28rem;
  margin-inline: auto;
  padding: 0.85rem;
  overflow: clip;
  border: 1px solid var(--sol-line);
  border-radius: 0.75rem;
  background:
    radial-gradient(
      circle at 50% 40%,
      color-mix(in srgb, var(--sol-green) 10%, transparent),
      transparent 53%
    ),
    var(--sol-surface);
  box-shadow: 0 25px 75px rgb(0 0 0 / 10%);
}
.sol-visual__orbit {
  position: absolute;
  z-index: -1;
  inset: 14% 18% 20%;
  border: 1px dashed color-mix(in srgb, var(--sol-peach) 27%, transparent);
  border-radius: 50%;
  transform: rotate(-14deg);
}
.sol-visual__orbit--two {
  inset: 23% 7% 32%;
  transform: rotate(18deg);
  opacity: 0.7;
}
.sol-visual__top {
  --ariel-gap: 0.65rem;
  flex-wrap: nowrap;
  justify-content: space-between;
  color: var(--sol-muted);
  font-size: 0.54rem;
  font-weight: 850;
  letter-spacing: 0.08em;
}
.sol-visual__top > span:first-child {
  color: var(--sol-peach);
}
.sol-visual__dot {
  flex: 0 0 0.3rem;
  block-size: 0.3rem;
  border-radius: 50%;
  background: var(--sol-green);
}
.sol-visual__center {
  --ariel-gap: 1rem;
  align-items: center;
  margin-block: 3.4rem 0.7rem;
}
.sol-visual__monogram {
  position: relative;
  display: grid;
  inline-size: 6.5rem;
  block-size: 6.5rem;
  place-items: center;
  border: 1px solid var(--sol-peach);
  border-radius: 50%;
  background: var(--sol-soft);
  box-shadow:
    0 0 0 15px color-mix(in srgb, var(--sol-peach) 7%, transparent),
    0 0 0 38px color-mix(in srgb, var(--sol-peach) 3%, transparent);
}
.sol-visual__monogram > span:first-child {
  color: var(--sol-peach);
  font-family: var(--font-editorial);
  font-size: 4.25rem;
  line-height: 1;
}
.sol-visual__spark {
  position: absolute;
  inset-inline-end: 16%;
  inset-block-start: 16%;
  color: var(--sol-green);
  font-size: 1.1rem;
}
.sol-visual__centerlabel {
  color: var(--sol-copy);
  font-size: 0.59rem;
  font-weight: 840;
  letter-spacing: 0.12em;
  text-align: center;
}
.sol-visual__paths {
  position: relative;
  inline-size: 75%;
  block-size: 2.75rem;
  margin-inline: auto;
  border: 1px solid var(--sol-green);
  border-block-end: 0;
  border-radius: 0.7rem 0.7rem 0 0;
  transform: translateY(1.2rem);
}
.sol-visual__paths::after {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 100%;
  block-size: 1.6rem;
  border-inline-start: 1px solid var(--sol-green);
}
.sol-visual__receivers {
  --ariel-gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-block-start: 1rem;
}
.sol-visual__receiver {
  --ariel-gap: 0;
  position: relative;
  min-block-size: 8rem;
  padding: 0.65rem;
  border: 1px solid var(--sol-line);
  border-radius: 0.35rem;
  background: var(--sol-bg);
}
.sol-visual__small {
  --ariel-gap: 0.3em;
  color: var(--sol-muted);
  font-size: 0.59rem;
  font-weight: 760;
  letter-spacing: 0.09em;
}
.sol-visual__small b {
  font-weight: inherit;
}
.sol-visual__receiver strong {
  margin-block: 0.55rem;
  color: var(--sol-green);
  font-size: 0.54rem;
  letter-spacing: 0.05em;
}
.sol-visual__receiver svg {
  inline-size: 2.5rem;
  max-inline-size: 100%;
  align-self: end;
  margin-block: auto 0;
  stroke: var(--sol-peach);
  stroke-width: 1.8;
}
.sol-visual__receiver svg circle {
  fill: var(--sol-green);
  stroke: transparent;
}
.sol-visual__foot {
  margin-block-start: 1.8rem;
  color: var(--sol-muted);
  font-size: 0.49rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-align: center;
}
.sol-onpage {
  border-block-end: 1px solid var(--sol-line);
}
.sol-onpage__inner {
  --ariel-gap: 0.8rem clamp(1rem, 2vi, 2.4rem);
  padding-block: 1.2rem;
}
.sol-onpage a {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  min-block-size: 2rem;
  color: var(--sol-copy);
  font-size: 0.78rem;
  font-weight: 770;
  text-decoration: none;
}
.sol-onpage b {
  color: var(--sol-peach);
  font-size: 0.65rem;
}
.sol-onpage a:hover {
  color: var(--sol-peach);
}
.sol-section {
  padding-block: clamp(5rem, 9vi, 8rem);
}
.sol-section--agency {
  background: var(--sol-surface);
}
.sol-section--handoff {
  background: var(--sol-soft);
}
.sol-sectionhead {
  --ariel-gap: 1.7rem 3rem;
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
  margin-block-end: clamp(2.8rem, 5vi, 4.2rem);
}
.sol-sectionno {
  --ariel-gap: 0.9rem;
  flex-wrap: nowrap;
  color: var(--sol-muted);
  font-size: 0.67rem;
  font-weight: 835;
  letter-spacing: 0.13em;
  line-height: 1.6;
}
.sol-sectionno > span:first-child {
  padding-inline-end: 0.9rem;
  border-inline-end: 1px solid var(--sol-peach);
  color: var(--sol-peach);
}
.sol-sectionno > span:first-child,
.sol-onpage b,
.sol-story__number,
.sol-benefits__number,
.sol-agency-points article > span,
.sol-agency-art__clientno,
.sol-visual__small b,
.sol-compare-row__number {
  flex-shrink: 0;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}
.sol-sectionhead h2,
.sol-handoff__grid h2 {
  margin-block-start: 1.5rem;
  font-size: clamp(2.4rem, 10vi, 3.1rem);
  font-weight: 780;
}
.sol-sectionintro {
  max-inline-size: 53ch;
  color: var(--sol-copy);
  font-size: 1rem;
  line-height: 1.87;
}
.sol-solo-grid {
  --ariel-gap: 1.2rem;
  grid-template-columns: minmax(0, 1fr);
}
.sol-story {
  padding: clamp(1.5rem, 4vi, 3.2rem);
  border: 1px solid var(--sol-line);
  border-radius: 0.6rem;
  background: var(--sol-surface);
}
.sol-story__eyebrow,
.sol-agency-art__head,
.sol-boundary__eyebrow {
  color: var(--sol-peach);
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.14em;
}
.sol-story__steps {
  margin-block-start: 2.5rem;
  padding: 0;
  list-style: none;
}
.sol-story__steps li {
  --ariel-gap: 1.15rem;
  position: relative;
  grid-template-columns: 2.7rem minmax(0, 1fr);
  padding-block-end: 2rem;
}
.sol-story__steps li:not(:last-child)::after {
  content: "";
  position: absolute;
  inset-block: 2.7rem 0.5rem;
  inset-inline-start: 1.35rem;
  border-inline-start: 1px solid var(--sol-line);
}
.sol-story__number {
  display: grid;
  inline-size: 2.7rem;
  block-size: 2.7rem;
  place-items: center;
  border: 1px solid var(--sol-peach);
  border-radius: 50%;
  color: var(--sol-peach);
  font-size: 0.7rem;
  font-weight: 840;
}
.sol-story__steps strong {
  display: block;
  margin-block: 0.15rem 0.55rem;
  font-size: 1.03rem;
}
.sol-story__steps p,
.sol-benefits article p,
.sol-agency-points article p {
  color: var(--sol-copy);
  font-size: 0.87rem;
  line-height: 1.8;
}
.sol-story__outcome {
  --ariel-gap: 1rem;
  flex-wrap: nowrap;
  align-items: start;
  padding-block-start: 1.5rem;
  border-block-start: 1px solid var(--sol-line);
  font-size: 0.88rem;
  font-weight: 760;
}
.sol-story__outcome > span:first-child {
  flex-shrink: 0;
  color: var(--sol-green);
  font-size: 1.1rem;
  line-height: 1.4;
}
.sol-benefits {
  --ariel-gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
}
.sol-benefits article {
  --ariel-gap: 0 1rem;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  align-items: baseline;
  padding: 1.15rem 1.5rem;
  border-block-end: 1px solid var(--sol-line);
}
.sol-benefits__number {
  grid-row: span 2;
  color: var(--sol-peach);
  font-family: var(--font-editorial);
  font-size: 1.22rem;
}
.sol-benefits h3 {
  margin-block-end: 0.7rem;
  font-size: 1.14rem;
  font-weight: 780;
}
.sol-benefits .sol-quietlink,
.sol-agency-points .sol-quietlink {
  justify-self: start;
  margin: 1.2rem 0 0 3.3rem;
  max-inline-size: calc(100% - 3.3rem);
}
.sol-agency-grid {
  --ariel-gap: 2rem;
  grid-template-columns: minmax(0, 1fr);
}
.sol-agency-art {
  position: relative;
  min-inline-size: 0;
  padding: clamp(1.3rem, 3vi, 2.2rem);
  border: 1px solid var(--sol-line);
  border-radius: 0.6rem;
  background: var(--sol-bg);
}
.sol-agency-art__head {
  --ariel-gap: 1rem;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.sol-agency-art__mark {
  flex-shrink: 0;
  color: var(--sol-green);
  font-size: 1.1rem;
}
.sol-agency-art__root {
  --ariel-gap: 1rem;
  flex-wrap: nowrap;
  max-inline-size: 21rem;
  margin: 3rem auto 0;
  padding: 1.1rem;
  border: 1px solid var(--sol-peach);
  border-radius: 0.4rem;
  background: var(--sol-surface);
}
.sol-agency-art__rooticon {
  display: grid;
  flex: 0 0 3rem;
  block-size: 3rem;
  place-items: center;
  border-radius: 50%;
  background: var(--sol-peach);
  color: var(--brand-surface);
  font-family: var(--font-editorial);
  font-weight: 800;
  font-size: 1.2rem;
}
.sol-agency-art__root strong {
  display: block;
  font-size: 0.8rem;
  line-height: 1.35;
}
.sol-agency-art__root small {
  display: block;
  margin-block-start: 0.4rem;
  color: var(--sol-muted);
  font-size: 0.69rem;
}
.sol-agency-art__branch {
  position: relative;
  inline-size: 69%;
  max-inline-size: 20rem;
  block-size: 4rem;
  margin-inline: auto;
  border-block-end: 1px solid var(--sol-green);
}
.sol-agency-art__branch::before {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  block-size: 100%;
  border-inline-start: 1px solid var(--sol-green);
}
.sol-agency-art__branch i {
  position: absolute;
  inset-block-end: -1rem;
  block-size: 1rem;
  border-inline-start: 1px solid var(--sol-green);
}
.sol-agency-art__branch i:nth-child(1) {
  inset-inline-start: 0;
}
.sol-agency-art__branch i:nth-child(2) {
  inset-inline-start: 50%;
}
.sol-agency-art__branch i:nth-child(3) {
  inset-inline-end: 0;
}
.sol-agency-art__clients {
  --ariel-gap: 0.55rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-block-start: 1rem;
}
.sol-agency-art__clients > div {
  --ariel-gap: 0.4rem;
  min-block-size: 10rem;
  padding: 0.5rem;
  border: 1px solid var(--sol-line);
  border-radius: 0.3rem;
  background: var(--sol-surface);
}
.sol-agency-art__clientno {
  color: var(--sol-peach);
  font-size: 0.59rem;
  font-weight: 840;
}
.sol-agency-art__clients svg {
  inline-size: 2.2rem;
  max-inline-size: 100%;
  margin-block: 0.7rem 0.3rem;
  fill: none;
  stroke: var(--sol-green);
  stroke-width: 1.4;
}
.sol-agency-art__clients strong {
  font-size: 0.52rem;
  letter-spacing: 0.07em;
  line-height: 1.4;
}
.sol-agency-art__clients small {
  color: var(--sol-muted);
  font-size: 0.64rem;
}
.sol-agency-art__footer {
  margin-block-start: 1.6rem;
  color: var(--sol-muted);
  font-size: 0.63rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-align: center;
}
.sol-agency-points {
  --ariel-gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
}
.sol-agency-points article {
  --ariel-gap: 1rem;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  padding-block: 1.5rem;
  border-block-end: 1px solid var(--sol-line);
}
.sol-agency-points article > span {
  color: var(--sol-peach);
  font-family: var(--font-editorial);
  font-size: 1.3rem;
}
.sol-agency-points h3 {
  margin-block-end: 0.6rem;
  font-size: 1.12rem;
}
.sol-compare-head,
.sol-compare-row {
  --ariel-gap: 0.8rem 2rem;
  grid-template-columns: minmax(0, 1fr);
}
.sol-compare-head {
  display: none;
  padding: 1.1rem 1.5rem;
  border-block-end: 1px solid var(--sol-line);
  color: var(--sol-muted);
  font-size: 0.65rem;
  font-weight: 870;
  letter-spacing: 0.11em;
}
.sol-compare-rows {
  overflow: clip;
  border: 1px solid var(--sol-line);
  border-radius: 0.6rem;
}
.sol-compare-row {
  align-items: start;
  padding: 1.3rem 1.5rem;
  border-block-end: 1px solid var(--sol-line);
  background: var(--sol-surface);
}
.sol-compare-row:last-child {
  border-block-end: 0;
}
.sol-compare-row:nth-child(even) {
  background: var(--sol-soft);
}
.sol-compare-row h3 {
  max-inline-size: 25ch;
  font-size: 1.08rem;
  letter-spacing: -0.025em;
}
.sol-compare-row h3 small {
  --ariel-gap: 0.35em;
  flex-wrap: nowrap;
  align-items: start;
  margin-block-end: 0.65rem;
  color: var(--sol-muted);
  font-size: 0.59rem;
  font-weight: 830;
  letter-spacing: 0.11em;
}
.sol-compare-row p {
  color: var(--sol-copy);
  font-size: 0.85rem;
  line-height: 1.75;
}
.sol-compare-row--ours {
  background: color-mix(in srgb, var(--sol-green) 9%, var(--sol-surface));
  box-shadow: inset 4px 0 var(--sol-green);
}
.sol-compare-row--ours h3 {
  color: var(--sol-green);
}
.sol-compare-row__mark {
  margin-inline-start: 0.5rem;
  color: var(--sol-peach);
  font-size: 1.1rem;
}
.sol-fact {
  --ariel-gap: 1rem;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  margin-block-start: 1.4rem;
  padding: 1.5rem;
  border: 1px solid var(--sol-line);
  border-radius: 0.5rem;
}
.sol-fact__mark {
  color: var(--sol-peach);
  font-family: var(--font-editorial);
  font-size: 1.5rem;
  line-height: 1.2;
}
.sol-fact h3 {
  margin-block-end: 0.75rem;
  font-size: 1rem;
  letter-spacing: -0.025em;
}
.sol-fact p {
  color: var(--sol-copy);
  font-size: 0.82rem;
  line-height: 1.8;
}
.sol-fact__links {
  --ariel-gap: 0.7rem 1.4rem;
  margin-block-start: 1rem;
}
.sol-fact__links a {
  color: var(--sol-peach);
  font-size: 0.75rem;
  font-weight: 770;
  text-underline-offset: 0.25rem;
}
.sol-handoff__grid {
  --ariel-gap: 3rem;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
}
.sol-handoff__lead {
  max-inline-size: 59ch;
  margin-block-start: 1.6rem;
  color: var(--sol-copy);
  font-size: 1rem;
  line-height: 1.88;
}
.sol-boundary {
  min-inline-size: 0;
  padding: clamp(1.6rem, 4vi, 3.3rem);
  border: 1px solid var(--sol-line);
  border-radius: 0.65rem;
  background: var(--sol-bg);
}
.sol-boundary h3 {
  margin-block: 2.2rem 1.3rem;
  font-size: clamp(1.7rem, 2.7vi, 2.3rem);
}
.sol-boundary > p:nth-of-type(2) {
  color: var(--sol-copy);
  font-size: 0.93rem;
  line-height: 1.9;
}
.sol-boundary__line {
  display: block;
  inline-size: 5rem;
  margin-block: 2.5rem 1.1rem;
  border-block-start: 2px solid var(--sol-green);
}
.sol-boundary__foot {
  color: var(--sol-peach);
  font-size: 0.64rem;
  font-weight: 835;
  letter-spacing: 0.12em;
}
/* Keep the shared template's single transition from mobile to wide layouts. */
@media (min-width: 64rem) {
  .sol-hero__grid {
    --ariel-gap: 4vi;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  }
  .sol-hero h1 {
    font-size: clamp(3.1rem, 7.6vi, 6.5rem);
  }
  .sol-hero__visual {
    min-block-size: 33rem;
    padding: 1.35rem;
  }
  .sol-visual__center {
    margin-block: 4rem 1rem;
  }
  .sol-visual__monogram {
    inline-size: 7.8rem;
    block-size: 7.8rem;
  }
  .sol-visual__receiver {
    min-block-size: 8.8rem;
    padding: 0.95rem;
  }
  .sol-visual__receiver strong {
    font-size: 0.62rem;
  }
  .sol-visual__foot {
    font-size: 0.54rem;
  }
  .sol-sectionhead {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  }
  .sol-sectionhead h2,
  .sol-handoff__grid h2 {
    font-size: clamp(2.6rem, 5.2vi, 4.65rem);
  }
  .sol-solo-grid {
    --ariel-gap: 2.6rem;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  }
  .sol-agency-grid {
    --ariel-gap: 3rem;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  }
  .sol-agency-art__clients > div {
    padding: 0.7rem;
  }
  .sol-agency-art__clients strong {
    font-size: 0.57rem;
  }
  .sol-compare-head,
  .sol-compare-row {
    --ariel-gap: 1.4rem 2rem;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.1fr) minmax(0, 0.95fr);
  }
  .sol-compare-head {
    display: grid;
  }
  .sol-compare-row {
    padding: 1.5rem;
  }
  .sol-handoff__grid {
    --ariel-gap: 5rem;
    grid-template-columns: minmax(0, 1.13fr) minmax(0, 0.87fr);
  }
}