/* ============================================
   SOLUTIONS PAGE — extends style.css + platform.css
   ============================================ */

.case-note{
  font-size: 13.5px; color: var(--text-mid); border-left: 2px solid var(--green);
  padding-left: 14px; margin-top: 6px;
}
.case-note strong{ color: var(--text-hi); }

.more-industries{ padding: 100px 0 110px; background: var(--paper-2); color: var(--ink); }
.more-industries .eyebrow{ color: var(--green-dim); }
.more-industries .section-title{ color: var(--ink); }

.industry-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.industry-card{ background:#fff; border: 1px solid var(--line-dark); border-radius: var(--radius); padding: 26px; transition: transform .15s ease, box-shadow .15s ease; }
.industry-card:hover{ transform: translateY(-3px); box-shadow: 0 20px 40px rgba(22,40,28,0.08); }
.industry-icon{ color: var(--green-dim); margin-bottom: 14px; }
.industry-card h3{ font-size: 17px; margin-bottom: 8px; font-family: var(--font-display); }
.industry-card p{ font-size: 13.5px; color: var(--text-lo); margin:0; }

@media (max-width: 1000px){
  .industry-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .industry-grid{ grid-template-columns: 1fr; }
}