.client-info { padding: 68px 0 74px; background: var(--color-canvas) url('../../images/client-info-decor-desktop.webp') center top / 100% auto no-repeat; }
/* Source edge groups stay 263px wide once the native 1440px canvas fits. */
@media (min-width: 1440px) {
  .client-info { background-image: url('../../images/client-info-decor-left.webp'), url('../../images/client-info-decor-right.webp'); background-position: left top, right top; background-size: 263px 700px; }
}
.client-info__inner { padding: 0; }
.client-info__heading { max-width: 690px; margin-inline: auto; }
.client-info__selector { margin-top: 45px; }
.client-info__options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.client-info__option { position: relative; display: grid; place-items: center; padding: 19px 12px; border: 1px solid var(--color-muted-dark); background: var(--color-canvas); font-family: var(--font-display); font-size: 22px; line-height: 25px; font-weight: 500; text-transform: uppercase; cursor: pointer; }
.client-info__option:has(:checked) { background: var(--color-dark); color: var(--color-light); border-color: var(--color-dark); }
.client-info__option:has(:focus-visible) { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.client-info__radio { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.client-info__chooser { display: none; width: 100%; padding: 13px 16px; border: 0; background: var(--color-dark); color: var(--color-light); font-family: var(--font-display); font-size: 18px; font-weight: 500; line-height: 24px; text-transform: uppercase; text-align: left; }
.client-info__chooser:focus { display: flex; }
.client-info__chevron { width: 48px; }
.client-info__panel { margin-top: 53px; }
.client-info__panel-title { margin-bottom: 20px; }
.client-info--enhanced .client-info__panel-title { display: none; }
.client-info__blocks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 35px 20px; }
.client-info__block { min-width: 0; }
.client-info__block--primary { grid-row: span 2; }
.client-info__title { font-family: var(--font-display); font-size: 22px; line-height: 24px; font-weight: 500; text-transform: uppercase; }
.client-info__text { max-width: 532px; font-size: 18px; line-height: 25px; color: var(--color-secondary); margin-top: 15px; }
.client-info__text p { white-space: pre-line; }
.client-info__text p + p { margin-top: 25px; }
.client-info__text strong { font-weight: 400; color: var(--color-dark); }
@media (max-width: 767px) { .client-info { padding-block: 90px 50px; background-image: none; } .client-info__selector { margin-top: 40px; } .client-info__chooser { display: flex; align-items: center; justify-content: space-between; gap: 15px; } .client-info__options { grid-template-columns: minmax(0,1fr); gap: 0; } .client-info--enhanced .client-info__options { display: none; } .client-info--expanded .client-info__options { display: grid; } .client-info__option { font-size: 18px; line-height: 24px; padding: 13px 16px; } .client-info__panel { margin-top: 30px; } .client-info__blocks { grid-template-columns: minmax(0,1fr); gap: 25px; } .client-info__title { font-size: 20px; line-height: 22px; } .client-info__text { font-size: 16px; } .client-info__text p + p { margin-top: 25px; } }