/* FluxFront — "and the rest of the shop" grid (#platform). Linked cards into /features#anchor. auto-fit keeps
   4-up on wide monitors, 2-up on tablets, 1-up on phones. */
/* ===================== EVERYTHING GRID ===================== */
.every-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.every-card { display: block; padding: clamp(20px, 2.2vw, 28px); border-radius: var(--r-lg); background: var(--cream); border: 1px solid var(--hairline);
  transition: transform var(--d-3) var(--e-out), box-shadow var(--d-3) var(--e-out), border-color var(--d-3); }
.every-card:hover { transform: translateY(-3px); box-shadow: var(--sh-md); border-color: var(--teal-600); }
.every-card h3 { font-family: var(--font-display); font-size: 1.1rem; font-weight: 600; letter-spacing: -0.012em; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.every-card p { margin-top: 8px; font-size: var(--t-sm); color: var(--ink-2); line-height: 1.55; }
.every-card--soon { background: var(--blue-wash); border-color: #CFDDF9; }
.every-more { display: flex; justify-content: center; margin-top: 30px; }