/* Continuous feature matrix. All content stays in semantic HTML. */
feature-grid[variant="matrix"] { --feature-grid-line: #CBD3D4; }
feature-grid[variant="matrix"] .feature-grid__items {
  gap: 0;
  border-top: 1px dashed var(--feature-grid-line);
  border-left: 1px dashed var(--feature-grid-line);
  background: #FFF;
}
feature-grid[variant="matrix"][columns="4"] .feature-grid__items {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
feature-grid[variant="matrix"] .lp-section .feature-grid__items > article {
  min-height: 240px;
  padding: 34px 30px 36px;
  border: 0;
  border-right: 1px dashed var(--feature-grid-line);
  border-bottom: 1px dashed var(--feature-grid-line);
  border-radius: 0;
  background: transparent;
}
feature-grid[variant="matrix"] .feature-grid__icon {
  width: 32px;
  height: 32px;
  margin-bottom: 24px;
}
feature-grid[variant="matrix"] .feature-grid__items h3 {
  margin: 0 0 12px !important;
  color: var(--lp-ink);
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.025em;
  text-wrap: initial;
}
feature-grid[variant="matrix"] .feature-grid__items p {
  font-size: 16px;
  line-height: 1.65;
}
@media (max-width: 1100px) {
  feature-grid[variant="matrix"][columns="4"] .feature-grid__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  feature-grid[variant="matrix"][columns="4"] .feature-grid__items { grid-template-columns: 1fr; }
  feature-grid[variant="matrix"] .lp-section .feature-grid__items > article { min-height: 0; padding: 28px; }
  feature-grid[variant="matrix"] .feature-grid__icon { margin-bottom: 20px; }
}