/* CRM and supporting digital services; scoped to the new sections. */
/* Let the use cases follow the active theme rather than forcing light colors. */
.industry-section {
  --ink: inherit;
  --muted: inherit;
  --brand: inherit;
  --brand-soft: inherit;
  --rule: inherit;
  --glass: inherit;
  --glass-edge: inherit;
  color: var(--ink);
  background: var(--paper);
}
.industry-section .eyebrow,
.industry-section .industry-symbol { color: var(--brand); }
.industry-section .section-head p,
.industry-section .industry-feature p,
.industry-section .industry-example-note,
.industry-section .coverage-label,
.industry-section .usecase-tag,
.industry-section .usecase-more { color: var(--muted); }
.industry-section .industry-feature,
.industry-section .industry-coverage li {
  color: var(--ink);
  background: var(--surface);
  border-color: var(--rule);
}
.industry-section .usecase h3 { color: var(--ink); }
.industry-section .industry-feature a {
  color: var(--on-brand);
  background: var(--brand);
}
.industry-section .industry-feature a:hover {
  color: var(--paper);
  background: var(--ink);
}
.industry-section .usecase-grid { border-color: var(--rule); }
.industry-section :focus-visible { outline-color: var(--focus); }
#usecases-title { scroll-margin-top: 7rem; }
.crm-section { border-block: 1px solid var(--rule); background: var(--surface); }
.crm-layout { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: clamp(2rem,4vw,4rem); align-items: center; }
.service-category { margin: 0 0 1rem; font-size: .875rem; font-weight: 600; color: var(--brand); }
.crm-copy h2 { max-width: 20ch; margin: 0 0 1.35rem; font-size: clamp(1.9rem,2.8vw,2.7rem); line-height: 1.15; letter-spacing: -.035em; }
.crm-intro { max-width: 57ch; color: var(--muted); line-height: 1.75; }
.crm-benefits { list-style: none; padding: 0; margin: 1.75rem 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem 1.5rem; }
.crm-benefits li { border-top: 1px solid var(--rule); padding-top: .8rem; }
.crm-benefits strong { display: block; font-size: .875rem; line-height: 1.5; }
.crm-benefits span { display: block; margin-top: .3rem; color: var(--muted); font-size: .8125rem; line-height: 1.65; }
.crm-copy .btn { max-width: 100%; text-align: center; }
.crm-scope-note { font-size: .75rem; line-height: 1.65; color: var(--muted); margin: .9rem 0 0; max-width: 52ch; }
.crm-example { min-width: 0; margin: 0; padding: 1.5rem; border: 1px solid var(--rule); border-radius: 16px; background: var(--paper); }
.crm-example-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .65rem; align-items: center; padding-bottom: 1.25rem; }
.crm-example-heading > span:first-child { font: 700 .9375rem/1.5 var(--font-display); }
.crm-example-label { padding: .3rem .55rem; border: 1px solid var(--rule); border-radius: 5px; color: var(--muted); font-size: .6875rem; line-height: 1.5; }
.crm-board { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; }
.crm-lane { min-width: 0; border-top: 3px solid var(--brand); padding-top: .8rem; }
.crm-lane:nth-child(2) { border-color: var(--muted); }
.crm-lane:nth-child(3) { border-color: var(--ok); }
.crm-lane h3 { font-size: .75rem; line-height: 1.5; margin: 0 0 .65rem; letter-spacing: 0; }
.crm-opportunity { padding: 1rem .8rem; height: calc(100% - 1.8rem); background: var(--surface); border: 1px solid var(--rule); border-radius: 7px; }
.crm-record-type { display: block; color: var(--muted); font-size: .6875rem; line-height: 1.6; margin-bottom: .65rem; }
.crm-opportunity strong { display: block; font-size: .8125rem; line-height: 1.5; }
.crm-opportunity p { color: var(--muted); font-size: .75rem; line-height: 1.7; margin: .6rem 0 .9rem; }
.crm-record-note { display: block; color: var(--brand); font-size: .6875rem; line-height: 1.65; }
.crm-example-summary { display: flex; align-items: flex-start; gap: .75rem; margin-top: 1.3rem; padding: 1rem 0 0; border-top: 1px solid var(--rule); }
.crm-summary-mark { display: grid; place-items: center; flex: 0 0 27px; width: 27px; height: 27px; border-radius: 50%; color: var(--brand); background: var(--brand-soft); }
.crm-example-summary strong { display: block; font-size: .8125rem; line-height: 1.5; }
.crm-example-summary p { font-size: .75rem; line-height: 1.65; margin: .25rem 0 0; color: var(--muted); }
.crm-example figcaption { border-top: 1px solid var(--rule); margin-top: 1rem; padding-top: .85rem; color: var(--muted); font-size: .6875rem; line-height: 1.7; }
.digital-services-section { border-top: 1px solid var(--rule); }
.digital-services-heading { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-bottom: 2rem; }
.digital-services-heading > div { max-width: 47rem; }
.digital-services-heading h2 { font-size: clamp(1.65rem,2.3vw,2.25rem); line-height: 1.25; margin: 0 0 .85rem; letter-spacing: -.03em; }
.digital-services-heading p { color: var(--muted); line-height: 1.75; margin: 0; max-width: 68ch; }
.digital-services-heading > .btn { flex-shrink: 0; }
.digital-services-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; }
.digital-service { min-width: 0; padding: 1.5rem 0 0; border-top: 2px solid var(--rule); display: flex; flex-direction: column; align-items: flex-start; scroll-margin-top: 7rem; }
.digital-service h3 { font-size: 1.125rem; line-height: 1.45; margin: 0 0 .75rem; }
.digital-service p { color: var(--muted); font-size: .9375rem; line-height: 1.75; margin: 0 0 1rem; }
.digital-service a { font-size: .8125rem; font-weight: 600; margin-top: auto; text-underline-offset: .3em; }
.digital-service a:hover { text-decoration-thickness: 2px; }
.digital-service .digital-service-detail { font-size: .8125rem; }
.digital-services-note { margin: 1.75rem 0 0; color: var(--muted); font-size: .75rem; line-height: 1.7; }
.crm-detail-scope { font-size: .8125rem; line-height: 1.75; color: var(--muted); margin-top: 1.5rem; }
#crm, #digital-services { scroll-margin-top: 6rem; }
@media (max-width: 70rem) { .crm-layout { grid-template-columns: 1fr; gap: 2.5rem; }.crm-copy h2 { max-width: 29ch; }.crm-copy { max-width: 48rem; }.crm-intro { max-width: 66ch; }.crm-example { width: 100%; max-width: 48rem; }.crm-benefits { max-width: 42rem; }.digital-services-heading { align-items: flex-start; }.digital-services-grid { gap: 1.5rem; } }
@media (max-width: 48rem) { .digital-services-heading { flex-direction: column; gap: 1.25rem; }.digital-services-grid { grid-template-columns: 1fr; gap: 1.75rem; }.digital-service { padding-top: 1.1rem; }.digital-service p { max-width: 62ch; }.crm-example { padding: 1.25rem; } }
@media (max-width: 30rem) { .crm-benefits { grid-template-columns: 1fr; gap: 1rem; }.crm-board { grid-template-columns: 1fr; gap: 1rem; }.crm-lane { display: grid; grid-template-columns: 5.5rem minmax(0,1fr); gap: .75rem; align-items: start; border-top-width: 2px; }.crm-lane h3 { padding-top: .65rem; }.crm-opportunity { height: auto; padding: .8rem; }.crm-record-type { margin-bottom: .3rem; }.crm-opportunity p { margin: .35rem 0 .5rem; }.crm-example-heading { align-items: flex-start; flex-direction: column; }.crm-copy .btn { font-size: .8125rem; padding-inline: 1rem; }.crm-copy h2 { font-size: 1.9rem; } }