.clients-hero { padding-top: 75px; padding-bottom: 80px; }
.clients-hero h1 { max-width: 1140px; margin-top: 38px; font-size: clamp(54px, 6.3vw, 94px); line-height: 1.07; letter-spacing: -.06em; }
.clients-hero h1 em, .client-profile h2 em { color: var(--orange); }
.clients-lead { max-width: 690px; margin-top: 32px; font-size: clamp(18px, 1.7vw, 23px); line-height: 1.65; letter-spacing: -.02em; }
.clients-jump { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 65px; }
.clients-jump a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px 18px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 17px; line-height: 1.5; }
.clients-jump a > span:first-child { grid-column: 1 / -1; color: var(--orange); font-size: 11px; letter-spacing: .06em; }
.clients-jump a > span:last-child { font-size: 20px; }
.clients-jump a:hover { color: var(--orange); }
.client-profile { border-top: 1px solid var(--line); padding-top: 75px; padding-bottom: 80px; }
.client-profile-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; }
.client-profile-heading .index { display: block; max-width: 380px; font-size: 11px; line-height: 1.8; }
.client-profile h2 { margin-top: 28px; max-width: 520px; font-size: clamp(37px, 4.2vw, 62px); line-height: 1.12; }
.client-profile-copy { padding-top: 44px; }
.client-profile-copy .client-situation { font-size: 17px; line-height: 1.8; color: var(--ink); }
.client-signals { list-style: none; margin: 28px 0; padding: 0; }
.client-signals li { position: relative; padding: 11px 0 11px 21px; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.7; color: var(--muted); }
.client-signals li:last-child { border-bottom: 1px solid var(--line); }
.client-signals li::before { content: ""; position: absolute; top: 20px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--orange); }
.client-help { font-size: 14px; line-height: 1.85; }
.client-help strong { font-weight: 500; color: var(--ink); }
.client-profile-copy .text-link { margin-top: 26px; line-height: 1.6; }
.clients-fit { background: var(--dark); color: var(--paper); }
.clients-fit-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 10%; margin-top: 45px; }
.clients-fit h2 { font-size: clamp(39px, 4.4vw, 66px); line-height: 1.12; }
.clients-fit h2 em { color: var(--orange-light); }
.clients-fit-grid > div > p { max-width: 470px; font-size: 17px; line-height: 1.8; color: #bac2b9; }
.clients-call { background: var(--orange); color: var(--paper); margin-top: 30px; }
.clients-call:hover { background: var(--orange-light); color: var(--ink); }
.clients-fit-grid > div > .clients-fit-note { font-size: 11px; margin-top: 18px; }
.clients-crosslinks { display: flex; flex-wrap: wrap; gap: 25px 50px; padding-block: 45px; }

@media (max-width: 1050px) {
  .client-profile-layout, .clients-fit-grid { gap: 7%; }
  .clients-jump { gap: 25px; }
}

@media (max-width: 760px) {
  .clients-hero { padding-top: 50px; padding-bottom: 55px; }
  .clients-hero h1 { font-size: clamp(43px, 8.2vw, 64px); margin-top: 30px; }
  .clients-lead { font-size: 17px; margin-top: 28px; }
  .clients-jump { grid-template-columns: 1fr; gap: 0; margin-top: 40px; }
  .clients-jump a { grid-template-columns: 24px minmax(0, 1fr) auto; align-items: baseline; gap: 18px; padding-block: 19px; font-size: 16px; }
  .clients-jump a > span:first-child { grid-column: auto; }
  .clients-jump a:last-child { border-bottom: 1px solid var(--line); }
  .client-profile { padding-top: 45px; padding-bottom: 55px; }
  .client-profile-layout, .clients-fit-grid { grid-template-columns: 1fr; gap: 28px; }
  .client-profile h2 { font-size: 39px; margin-top: 22px; }
  .client-profile-copy { padding-top: 0; }
  .client-profile-copy .client-situation { font-size: 16px; }
  .client-signals { margin-block: 24px; }
  .client-help { font-size: 14px; }
  .clients-fit-grid { margin-top: 32px; }
  .clients-fit h2 { font-size: 40px; }
  .clients-fit-grid > div > p { font-size: 15px; }
  .clients-crosslinks { gap: 25px 35px; padding-block: 35px; }
}

@media (max-width: 450px) {
  .clients-hero h1 { font-size: clamp(38px, 10.4vw, 46px); }
  .client-profile h2 { font-size: 36px; }
  .clients-fit h2 { font-size: 37px; }
}