.business-intro { padding: 28px 0 40px; background: #faf9f7; }
.business-intro .breadcrumbs { margin: 0 0 24px; }
.business-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, 31%); gap: 20px; align-items: stretch; }
.business-hero__story { position: relative; min-width: 0; isolation: isolate; overflow: hidden; border: 1px solid var(--brand-border); border-radius: 28px; background: #f0ece5; }
.business-hero__image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 64% center; }
.business-hero__story::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #faf9f6f5 0%, #faf9f6f0 32%, #faf9f6d1 54%, #faf9f61a 85%); }
.business-hero__copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 570px; height: 100%; padding: 40px; }
.business-hero__copy .eyebrow { font-size: .8125rem; letter-spacing: .07em; }
.business-hero__copy h1 { margin: 24px 0; font-size: clamp(2.5rem, 4vw, 4.5rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.1; hyphens: none; }
.business-hero__copy h1 span { color: var(--action); }
.business-hero__copy > p { max-width: 440px; margin: 0 0 30px; color: #48443f; font-size: 1.125rem; line-height: 1.6; }
.business-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; max-width: 550px; }
.business-hero__actions .button { padding-inline: 22px; gap: 10px; font-size: .9375rem; }
.business-hero__actions .button--ghost { background: #fffffff0; }
.business-hero__benefits { display: flex; flex-wrap: wrap; gap: 12px 20px; max-width: 520px; padding: 0; margin: 32px 0 0; list-style: none; }
.business-hero__benefits li { display: flex; align-items: center; gap: 8px; color: #48443f; font-size: .875rem; line-height: 1.5; }
.business-hero__benefits li::before { content: ""; width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: var(--action); }
.business-page--image-unavailable .business-hero__image { visibility: hidden; }
.business-picker { min-width: 0; display: flex; flex-direction: column; gap: 22px; padding: 26px; border: 1px solid var(--brand-border); border-radius: 28px; background: linear-gradient(145deg, #fff, #fff9f1); }
.business-picker__heading > span { display: block; margin-bottom: 10px; color: var(--link); font-size: .75rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
.business-picker__heading h2 { margin: 0; font-size: clamp(1.625rem, 2vw, 2rem); font-weight: 700; letter-spacing: -.025em; line-height: 1.18; }
.business-picker__tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.business-picker__tabs button { display: flex; align-items: center; min-width: 0; min-height: 50px; padding: 10px 12px; gap: 9px; border: 1px solid var(--brand-border); border-radius: 12px; background: #fff; color: var(--ink); text-align: left; font-size: .875rem; font-weight: 500; line-height: 1.35; cursor: pointer; }
.business-picker__tabs .icon { width: 19px; height: 19px; flex-shrink: 0; color: var(--link); }
.business-picker__tabs span { min-width: 0; overflow-wrap: anywhere; }
.business-picker__tabs button:hover { border-color: var(--action); background: #fff0df; }
.business-picker__tabs [aria-selected="true"] { color: var(--link); border-color: var(--action); background: #fff0df; box-shadow: inset 0 -2px var(--action); }
.business-picker__solution { display: flex; flex: 1; flex-direction: column; min-width: 0; padding-top: 20px; border-top: 1px solid #eddac7; }
.business-picker__solution-copy { flex: 1; }
.business-picker__solution-label { color: var(--muted); font-size: .8125rem; }
.business-picker__solution h3 { margin: 8px 0 10px; color: var(--ink); font-size: 1.25rem; font-weight: 700; line-height: 1.3; }
.business-picker__solution p { min-height: 3.2em; margin: 0 0 20px; color: var(--muted); font-size: .9375rem; line-height: 1.6; }
.business-picker__solution .button { width: 100%; justify-content: space-between; gap: 10px; min-height: 48px; padding: 13px 18px; font-size: .9375rem; }
.business-picker__detail { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; margin-top: 6px; padding: 8px; border: 0; background: transparent; color: var(--link); font-size: .875rem; font-weight: 500; cursor: pointer; }
.business-picker__detail:hover { text-decoration: underline; text-underline-offset: 4px; }
.business-picker__detail .icon { width: 16px; height: 16px; transform: rotate(90deg); }
.business-page [data-business-card].is-highlighted { border-color: var(--action); box-shadow: 0 0 0 1px var(--action); }
.business-page :is(button, [tabindex]):focus-visible { outline: 2px solid var(--link); outline-offset: 4px; }
@media (max-width: 1120px) {
  .business-hero { grid-template-columns: minmax(0, 1fr); }
  .business-hero__copy { min-height: 450px; }
  .business-hero__copy h1 { font-size: clamp(2.5rem, 6vw, 4.25rem); }
  .business-picker { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px 32px; }
  .business-picker__heading, .business-picker__tabs { grid-column: 1; }
  .business-picker__solution { grid-column: 2; grid-row: 1 / 3; height: 100%; padding: 4px 0 0 28px; border-top: 0; border-left: 1px solid #eddac7; }
}
@media (max-width: 600px) {
  .business-intro { padding: 20px 0 28px; }
  .business-intro .breadcrumbs { margin-bottom: 20px; }
  .business-hero { gap: 16px; }
  .business-hero__story, .business-picker { border-radius: 24px; }
  .business-hero__image { position: relative; display: block; height: 190px; object-position: 76% 50%; }
  .business-hero__story::before { display: none; }
  .business-hero__copy { height: auto; min-height: 0; padding: 26px 22px; background: #faf8f4; }
  .business-hero__copy h1 { margin: 20px 0; font-size: clamp(2.25rem, 9vw, 3.25rem); }
  .business-hero__copy > p { font-size: 1rem; margin-bottom: 24px; }
  .business-hero__actions { width: 100%; }
  .business-hero__actions .button { flex: 1 1 200px; }
  .business-hero__benefits { gap: 10px 16px; margin-top: 24px; }
  .business-picker { display: flex; padding: 22px 18px; gap: 20px; }
  .business-picker__heading h2 br { display: none; }
  .business-picker__tabs button { gap: 7px; padding: 10px 8px; }
  .business-picker__solution { height: auto; padding: 20px 0 0; border-left: 0; border-top: 1px solid #eddac7; }
}