﻿<style>
  .cards-wrap {max-width:1100px; margin:40px auto; padding:0 16px;}
.grid-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
	gap: 16px;
}
.card {
	background: #ffffff;
	border: 1px solid #e6e6e6;
	border-radius: 12px;
	padding: 18px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.card h3 {
	margin: 0 0 8px;
	font-size: 1.1rem;
}
.card p {
	margin: 0;
	color: #444;
}
.section-title {
	font-size: 1.35rem;
	margin: 28px 0 12px;
}
.benefits {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.benefit-tag {
	background: #f5f7fb;
	border: 1px solid #e3e8f5;
	border-radius: 999px;
	padding: 8px 12px;
	font-size: 0.95rem;
}
.card h3 {
  margin: 0 0 8px;
  font-size: 1.1rem;
  font-family: AchatesLight, Arial, sans-serif; /* scegli tu il font */
  color: #222222; /* grigio scuro quasi nero */
  font-weight: 600; /* opzionale: rende più leggibile */
}</style>
