/* .grid{ display:grid; gap: var(--space-6); } */
.grid-2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid-3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 768px){ .grid-3{ grid-template-columns:1fr 1fr; } }
@media (max-width: 640px){ .grid-2, .grid-3{ grid-template-columns:1fr; } }

.stack>*+*{ margin-top: var(--space-4); }
.cluster{ display:flex; flex-wrap:wrap; gap: var(--space-3); align-items:center; }
.split{ display:flex; justify-content:space-between; align-items:center; gap: var(--space-4); }
@media (max-width:768px){ .split{ flex-direction:column; align-items:flex-start; } }

.card{ background:var(--color-surface); border-radius:var(--radius-lg); padding:var(--space-6); box-shadow: var(--shadow-sm); }
.btn{ display:inline-flex; gap:.5rem; align-items:center; justify-content:center;
      padding:.625rem 1rem; border-radius:var(--radius-md); background:var(--color-primary);
      color:#fff; border:none; cursor:pointer; transition: background .2s ease; }
.btn:hover{ background: var(--color-primary-600); text-decoration:none; }
/* .btn--outline{ background:transparent; border:1px solid var(--color-primary); color:var(--color-primary); } */

.section-header{ margin-bottom: var(--space-8); }
.section-header .eyebrow{ text-transform:uppercase; letter-spacing:.08em; font-size: var(--text-md); color: var(--color-muted); }
.section-header h2{ margin-top: var(--space-3); }