/* Layout refinements and product comparisons. */
/* Keep the market descriptions aligned without stretching their last line. */
.market-grid p{text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}

/* Each row explicitly pairs a challenge with the product's response. */
.pain-comparison{display:grid;gap:14px}
.pain-comparison>a{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:stretch;gap:0;padding:0;border:1px solid #aeb8c0;border-radius:12px;overflow:hidden;background:#c9cfd4;transition:background .2s,border-color .2s,box-shadow .2s}
.pain-comparison>a:last-child{border-bottom:1px solid #aeb8c0}
.pain-comparison>a:hover,.pain-comparison>a:focus-visible{background:#d1d7dc;border-color:#8c9ba8;box-shadow:0 6px 22px #253b4d0a}
.pain-problem,.pain-solution{min-width:0;padding:28px 32px}
.pain-problem{display:flex;flex-direction:column;justify-content:center;gap:14px}
.comparison-label{font-size:14px;font-weight:500;line-height:1.5;color:#54616c}
.pain-comparison h3{font-size:clamp(23px,2.3vw,29px);line-height:1.25;margin:0}
.pain-solution{border-left:1px solid #aeb8c0;background:#ffffff21;display:flex;flex-direction:column;justify-content:center;gap:15px}
.solution-labels{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px}
.pain-solution .comparison-label{color:#9c381a}
.pain-solution .product-tag{display:inline-flex;border-color:#adb8c1;background:#ffffff1a;color:#4a5865;font-size:12px;padding:5px 9px;border-radius:5px}
.pain-comparison p{max-width:520px;font-size:16px;line-height:1.75;color:#465460;grid-column:auto}

/* Make the integration list a coherent part of the approach section. */
.integration-context{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr);gap:28px;align-items:center;margin-top:42px;padding:28px 30px;border:1px solid #aeb8c0;border-radius:12px;background:#d5dadd}
.integration-context h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:0 0 9px}
.integration-context p{font-size:14px;line-height:1.6;color:#53616d;max-width:340px;margin:0}
.integration-context ul{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.integration-context li{font-size:14px;line-height:1.5;border:1px solid #b2bdc6;border-radius:8px;background:#e1e5e870;color:#465460;padding:10px 13px}
@media(max-width:1100px){
 .pain-problem,.pain-solution{padding:26px}
 .integration-context{grid-template-columns:1fr;gap:22px}
 .integration-context p{max-width:none}
 .integration-context ul{justify-content:flex-start}
}
@media(max-width:600px){
 .pain-comparison{gap:18px}
 .pain-comparison>a{grid-template-columns:minmax(0,1fr)}
 .pain-problem,.pain-solution{padding:23px}
 .pain-comparison h3{font-size:25px}
 .pain-solution{border-left:0;border-top:1px solid #b0bbc4;gap:14px}
 .integration-context{padding:24px;gap:20px;margin-top:30px}
 .integration-context h3{font-size:21px}
 .integration-context ul{gap:8px}
 .integration-context li{padding:8px 11px}
}
@media(prefers-reduced-motion:reduce){
 .pain-comparison>a{transition:none}
}