@import url('lance-theme.css');
/* ═══════════════════════════════════════════════════════════
   Lance Features — strip 4 colonne con icona + titolo + desc
   Classi: lfeat-  |  Variabili: --surface --line --red --ink --muted --f-display
   ═══════════════════════════════════════════════════════════ */

.lfeat{
  background:var(--surface,#fff);
  border-top:1px solid var(--line,rgba(18,33,48,.10));
  border-bottom:1px solid var(--line,rgba(18,33,48,.10));
}
.lfeat__in{
  max-width:1200px; margin-inline:auto;
  padding:clamp(24px,3vw,30px) clamp(20px,4vw,40px);
  display:grid; grid-template-columns:repeat(4,1fr); gap:28px;
}
.lfeat__item{ display:flex; align-items:center; gap:14px; }
.lfeat__ic{
  width:44px; height:44px; flex-shrink:0;
  background:color-mix(in srgb, var(--red,#669900) 13%, #fff);
  color:var(--red,#669900); display:grid; place-items:center;
}
.lfeat__ic i,.lfeat__ic svg{ width:22px; height:22px; }
.lfeat__body{ display:flex; flex-direction:column; }
.lfeat__body b{ font-family:var(--f-display,system-ui,sans-serif); font-size:.97rem; color:var(--ink,#16202c); display:block; }
.lfeat__body span{ font-size:.82rem; color:var(--muted,#5c6b7a); margin-top:2px; }

@media(max-width:900px){ .lfeat__in{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .lfeat__in{ grid-template-columns:1fr; gap:18px; } }