/* Business consequences of missed conversations; replaces the illustrated pain cards. */
#sales-gaps { padding:80px 64px; }
#sales-gaps .pain-inner>h2 { max-width:1050px; margin:0 0 36px; text-align:left; font-size:clamp(34px,3.6vw,48px); line-height:1.14; font-weight:550; letter-spacing:-.03em; }
.sales-gaps-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.sales-gap { display:flex; flex-direction:column; min-width:0; padding:30px; border:1px solid var(--panel-line,#dfe3e7); border-radius:16px; background:var(--surface-raised,#fff); color:var(--text-main,#202427); }
.sales-gap-heading { display:flex; align-items:flex-start; gap:24px; margin-bottom:16px; }
.sales-gap-heading h3 { flex:1; min-width:0; margin:0; font-size:24px; line-height:1.3; letter-spacing:-.02em; font-weight:600; }
.sales-gap-heading img { display:block; flex:0 0 28px; margin-top:2px; }
#sales-gaps .sales-gap>p { margin:0 0 24px; max-width:56ch; color:var(--text-secondary,#555e66); font-size:16px; line-height:1.7; }
#sales-gaps .sales-gap>.sales-gap-impact { margin:auto 0 0; padding-top:20px; border-top:1px solid var(--panel-line,#dfe3e7); color:var(--text-main,#202427); font-size:15px; line-height:1.6; font-weight:600; }
[data-theme="dark"] .sales-gap-heading img { filter:invert(1); }
@media(max-width:1000px) {
  #sales-gaps { padding:64px 32px; }
  .sales-gap { padding:24px; }
  .sales-gap-heading { gap:16px; }
  .sales-gap-heading h3 { font-size:22px; }
  #sales-gaps .sales-gap>p { font-size:15px; }
}
@media(max-width:650px) {
  #sales-gaps { padding:48px 20px; }
  #sales-gaps .pain-inner>h2 { margin-bottom:28px; font-size:32px; }
  #sales-gaps .pain-inner>h2 br { display:none; }
  .sales-gaps-grid { grid-template-columns:1fr; gap:14px; }
  .sales-gap { padding:24px; }
  .sales-gap-heading h3 { font-size:21px; }
  #sales-gaps .sales-gap>.sales-gap-impact { font-size:14px; }
}